JQuery选中select组件被选中的值方法
jquery获取select选择的文本与值
获取select:
获取select选中的text:
$(“#ddlregtype”).find(“option:selected”).text();
获取select选中的value:
$(“#ddlregtype“).val();
获取select选中的索引:
$(“#ddlregtype“).get(0).selectedindex;
设置select:
设置select选中的索引:
$(“#ddlregtype“).get(0).selectedindex=index;//index为索引值
设置select选中的value:
(“#ddlregtype“).attr(“value”,”normal“);(“#ddlregtype“).attr(“value”,”normal“);(“#ddlregtype“).val(“normal”); $(“#ddlregtype“).get(0).value=value;
设置select选中的text:
varcount=$("#ddlregtypeoption").length; for(vari=0;i设置selectoption项:
$("#select_id").append("text");//添加一项option $("#select_id").prepend(" 请选择");//在前面插入一项option $("#select_idoption:last").remove();//删除索引值最大的option $("#select_idoption[index='0']").remove();//删除索引值为0的option $("#select_idoption[value='3']").remove();//删除值为3的option $("#select_idoption[text='4']").remove();//删除text值为4的option 清空select:
$("#ddlregtype").empty();工作需要,要获得两个表单中的值。如图:
如何获得从左边选择框添加到右边选择框中的值?我想了想用网页特效可以获得,这里用了比较流行的jquery。
js代码如下:
//获取所有属性值varitem=$("#select1").val(); $(function(){ $('#select1').each(//获得select1的所有值 function(){ $('button').click(function(){ alert($('#select2').val());//获得select2中的select1值 }); }); })值得注意的是,不能直接写成
$(function(){ $('#select2').each(//获得select1的所有值,因为前面讲选项从左边添加到右边,jquery其实并没有真正将值从左边传到右边。 function(){ $('button').click(function(){ alert($(this).val());//获得select2中的select1值 }); }); })html:
选项1
选项2
选项3
选项4
选项5
选项6
选项7选中添加到右边>>
全部添加到右边>><<选中删除到左边
<<全部删除到左边使用JQuery,Ajax调用动态填充Select的option选项
//绑定ClassLevel1单击事件 $("#ClassLevel1").change(function(){ varid=$("#ClassLevel1").val(); varlevel2=$("#ClassLevel2"); level2.empty(); $("#ClassLevel3").hide(); $.ajax({ url:"./askCommon.ashx?action=getclasslevel&pid="+id, data:{"type":"ajax"}, datatype:"json", type:"get", success:function(data){ varjson=eval_r(data); for(varindinjson){ level2.append($(""+json[ind].typename+"")); } } }); }) 以上这篇JQuery选中select组件被选中的值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。