在Jquery中使用Ajax下载框?

时间:2013-02-06 13:17:14

标签: php javascript jquery ajax

任何人都可以建议我如何在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>

请建议我...........

2 个答案:

答案 0 :(得分:0)

你可以这样做

<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');
 }

答案 1 :(得分:0)

尝试使用knockout JS。它用于使用ajax,jquery和HTML制作动态网站。

http://knockoutjs.com/

该网站有详细记录,您可以通过互联网查找示例。希望它能帮到你