var
obj=document.getElementById(selectid)
obj.options.length
=
0
//清除所有内容
obj.options[index]
=
new
Option("three",3)
//更改对应的值
obj.options[index].selected
=
true
//保持选中状态
obj.add(new
Option("4","4"))
”文本",”值"
var
index
=
obj.selectedIndexobj.options.remove(index)//删除选中项
2.jquery
$("#select_id").append("<option
value='Value'>Text</option>")
//为Select追加一个Option(下拉项)
$("#select_id").").find('option:selected').text()
获取select选中的text
$("#select_id").val()
获取select选中的value
$("#select_id
option[index='0']").remove()//删除索引值为0的Option
$("#select_id
option[value='3']").remove()
//删除值为3的Option
$("#select_id
option[text='4']").remove()
//删除TEXT值为4的Option
$("#mselect_id").change(function(){
//添加所需要执行的操作代码
})
补充:
js获取select标签选中的值
var
obj
=
document.getElementByIdx_x(”testSelect”)
//定位id
var
index
=
obj.selectedIndex
//
选中索引
var
text
=
obj.options[index].text
//
选中文本
var
value
=
obj.options[index].value
//
选中值
jQuery中获得选中select值
第一种方式
$('#testSelect
option:selected').text()//选中的文本
$('#testSelect
option:selected')
.val()//选中的值
$("#testSelect
").get(0).selectedIndex//索引
第二种方式
$("#tesetSelect").find("option:selected").text()//选中的文本
…….val()
…….get(0).selectedIndex
以上内容是小编给大家介绍的JS、jQuery中select的用法详解,希望对大家有所帮助!
<select id="fruit"><option value="apple">苹果</option>
<option value="pear">梨子</option>
<option value="peach">桃子</option>
<option value="banana">香蕉</option>
</select>
取值:
document.getElementById('fruit').value<select >标签有 value 属性,存储的就是当前所选择的选项值。
可以按如下方式获取:
var select = document.getElementById('mySelect')alert( select.value )