JS、jQuery中select的用法详解
1.js
varobj=document.getElementById(selectid);
obj.options.length=0;//清除所有内容
obj.options[index]=newOption("three",3);//更改对应的值
obj.options[index].selected=true;//保持选中状态
obj.add(newOption("4","4"));”文本",”值"
varindex=obj.selectedIndex;obj.options.remove(index);//删除选中项
2.jquery
$("#select_id").append("<optionvalue='Value'>Text</option>");//为Select追加一个Option(下拉项)
$("#select_id").").find('option:selected').text();获取select选中的text
$("#select_id").val();获取select选中的value
$("#select_idoption[index='0']").remove();//删除索引值为0的Option
$("#select_idoption[value='3']").remove();//删除值为3的Option
$("#select_idoption[text='4']").remove();//删除TEXT值为4的Option
$("#mselect_id").change(function(){
//添加所需要执行的操作代码
})
补充：js获取select标签选中的值
varobj=document.getElementByIdx_x(”testSelect”);//定位id varindex=obj.selectedIndex;//选中索引 vartext=obj.options[index].text;//选中文本 varvalue=obj.options[index].value;//选中值
jQuery中获得选中select值
第一种方式
$('#testSelectoption:selected').text();//选中的文本
$('#testSelectoption:selected').val();//选中的值
$("#testSelect").get(0).selectedIndex;//索引
第二种方式
$("#tesetSelect").find("option:selected").text();//选中的文本
…….val();
…….get(0).selectedIndex;
以上内容是小编给大家介绍的JS、jQuery中select的用法详解，希望对大家有所帮助！