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组件被选中的值方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。