Jquery操作 Select
--------------------------------------------------------------------------------- 近日在使用jquery操作select下拉列表框时遇到了一些需要注意的地方,我想实现的功能是通过点击事件动态复制一个select到table的td中,并利用td包含的文本内容找到对应的select选中项,代码如下: HTML: <!--下拉框--> <select > <option value="1">11</option> <option value="2">22</option> <option value="3">33</option> <option value="4">44</option> <option value="5">55</option> <option value="6">66</option> </select> <table > <thead> <tr align="left"> <th> 行号</th> <th> 软件类型</th> <th> 操作</th> </tr> </thead> <tr > <td class="RowId"> </td> <td class="SoftType"> </td> <td class="update"> </td> </tr> </table> js: $(".update").click(function(){ var soft = $(".SoftType").text(); $(".SoftType").html($("#stsoft").clone()); for(var i=0; i<$(".SoftType select option").length; i++){ if($(".SoftType select")[0].options(i).text== soft){ $(".SoftType select")[0].selectedIndex = i; } } var rowId = $(".RowId").text(); var content='\ <a href="javascript:void(0);" onclick="Update('+ rowId +');">更新</a> \ <a href="javascript:void(0);" onclick="Cencel('+ rowId +');">取消</a>\ '; $(".update").html(content); }); 其他有关select的取值或赋值方式: 获取select被选中项的文本 var item = $("select[@name= stsoft] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#stsoft')[0].selectedIndex = 1; 获取value值 $('#stsoft').val(); 设置value=1的项目为当前选中项 $("#stsoft").attr("value",“1”); $('#stsoft').val(“1”); 引:http://www.cnblogs.com/fredlau/articles/1287290.html |