JQuery DropDownList

by Vishal Bhatt

HTML

<h2> Networked Graphs</h2>



<p> Select the node ID from the drop down to see graphs up to a depth of 5 </p>
<form id="my form">



  <label for="Node_type">Node_Type</label>

  <select id="dropdown_change">

    <option value="Customer">Customer</option>

    <option value="Phone">Phone</option>

    <option value="ID_Card">ID_Card</option>
  </select>
  <input type='submit' value='Submit'>




</form>

JavaScript

var selectID = $("#dropdown_change").val();
$.ajax({
type: "POST",
url: '/echo/html/',
data: {
  html: "<span>This is the ajax response...</span>",
  delay: 2
},

success: function(data) {
  showMsg('SUCCESS: ' + data);
},

error: function (xhr, textStatus, errorThrown) {
            document.getElementById('dropdown_change').selectedIndex = 0;
            showMsg('ERROR: ' + errorThrown);
            return false;
        }

});