JS、jQuery中select的用法详解

JavaScript010

JS、jQuery中select的用法详解,第1张

1.js

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 )