Dojo Combo Box

In this section, you will learn what is combo box and how to create a combo box in dojo. For creating the Combo box you need "dijit.form.ComboBox".

Try Online: Combo Box

Combo Box: A combo box is a graphical user interface that controls GUI element. It is a combination of a drop-down list or list box and a single-line textbox, allowing the user either to type a value directly into the control or choose from the list of options.

Here is the code of Program:


<html>

  <head>

  <title>combobox</title>

  <!-- combo box -->

  <script type="text/javascript">

  dojo.require("dojo.parser");

  dojo.require("dijit.form.ComboBox");

  

  function setVal1(value) {

  console.debug("Selected "+value);

  }

  </script>

  </head>



  <body>

  <h2>Combo box</h2>

  <select name="country" dojoType="dijit.form.ComboBox"

   autocomplete="false" value="country"

 onChange="setVal1">

  <option>India</option>

  <option>California</option>

  <option >Illinois</option>

  <option >New York</option>

  <option >Texas</option>

  </select>

  </body>

</html>

Output of Program:

Try Online:

Dojo Combo Box

Dojo Combo Box

Dojo Combo Box

Tutorials