php - Jquery中带有Ajax的下拉框？

Question

任何人都可以建议我如何在 Jquery 中做 Ajax

在这里，我的代码类似于带有 b.tech b.sc 的下拉框，如果我单击 b.tech 第二个下拉框应该激活并且它应该包含 eee ece 它。任何人都可以建议我的代码

这是HTML代码

  <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>

请给我建议…………

Answer 1

你可以这样做

<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>

和脚本是这样的

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

Answer 2

尝试使用淘汰赛 JS。它用于使用 ajax、jquery 和 HTML 制作动态网站。

http://knockoutjs.com/

该网站有据可查，您可以在整个互联网上找到示例。希望对你有帮助