ajax联动获取select的值

最新推荐文章于 2022-08-23 23:49:36 发布

原创最新推荐文章于 2022-08-23 23:49:36 发布 · 3.2k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何利用Jquery通过Ajax技术，在用户选择option后即时获取并处理select控件的值。

<script scr="./jquery.js"></script>  //首先要引入jq文件在先
<script serc="te.js"></script>


<select id="kk" name="kname">      
       <option value="cn">中国</option>
             <option value="us">美国</option>

       <option value="jp">日本</option>

</select>

然后用Jquery 来获取select 选择option以后，即时获取值

然后就是te.js的编写$(document).on("change","#kk",function(){     //获取整个网页文档对象（类似的于window.document）
   // alert('value：'+$(this).val());//获取value
    
    var tid=$(this).val(); //获取选中的value值    
    
    //(tid).appendTo("#.tk");  //把获取到的SELECT值插入到节点里面
    
    //alert(ids);
    var k='--';
    alert(tid+k+ids);
    //alert('text：'+$(this).find("option:selected").text());//获取选中文本
    
    
    
});