Question

Can any one suggest me how to do Ajax in Jquery

here i am having code like a drop box with b.tech b.sc , if i click on the b.tech second drop down box should activate and it should contain eee ece it like that. Can any one suggest me the code

here is HTML code

  <select id="coursename" name="coursename" onchange="loadSpec(this.value)" >  
         <option value="-1">Select One</option> 
         <option value="1">B.Sc</option>
         <option value="2">B.Com</option>
         <option value="3">B.Tech</option>
    </select>


   <select id="specialized" name="specialized" ></select>
</body>
</html>

please suggest me………..

Answer 1

You can do like this

<select id="coursename" name="coursename" onchange="loadSpec()">  
     <option value="-1">Select One</option> 
     <option value="1">B.Sc</option>
     <option value="2">B.Com</option>
     <option value="3">B.Tech</option>
</select>
<div id="div1">
   <select id="1" name="coursename" style="display:none;">  
     <option value="-1">Select One</option> 
     <option value="1">aaa</option>
     <option value="2">bbb</option>
     <option value="3">ccc</option>
</select>
   <select id="2" name="coursename" style="display:none;">  
     <option value="-1">Select One</option> 
     <option value="1">ddd</option>
     <option value="2">eee</option>
     <option value="3">fff</option>
</select>
</div>

and script is like this

function loadSpec() {
     var val = $('#coursename').val();
     $('#coursename').val();
     $('#div1 select').hide();
     $('#' + val + '').css('display', 'block');
 }