Javascript怎么取select的选中值和文本

JavaScript024

Javascript怎么取select的选中值和文本,第1张

Javascript

取select的选中值和文本方法：

拿到select对象：

var

myselect=document.

getElementById

("test")

拿到选中项的索引：var

index=myselect.selectedIndex

//

selectedIndex代表的是所选中项的index

拿到选中项options的value：

myselect.options[index].value

拿到选中项options的text：

myselect.options[index].text

var opt=document.getElementById("cmbProvince").getElementsByTagName("option")

for(var i=0i<opt.lengthi++){

   if(opt[i].innerHTML=="云南省")opt[i].selected=true

}

如果是jq可以这样：

$("#cmbProvince option:contains(云南省)").prop("selected",true)

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码，选中选项2。

2、在index.html中的<script>标签，输入js代码：

var value = $('#myselect').val()

var text = $('#myselect').find("option:selected").text()

$('body').append('value=' + value + ',text=' + text)

3、浏览器运行index.html页面，此时成功获得到选中的选项的值和文本并打印了出来。