Example 3: Chemical elements

In this example, we look up chemical elements by selecting from a list or by typing into a text field. The key difference between this example and the second example is that here the server page is capable of handling a variety of different requests.

When this page loads, the chemical series are loaded into the select box dynamically. When we choose a series, the matching chemicals load into the second select box. When we choose a particular element, a table of element data is updated. If we type into the text box, a table of matching elements is generated as we type.

Chemical element browser

Atomic number  
Atomic mass  

Chemical element searcher

SymbolNameAtomic NumberAtomic Mass
No data