Javascript如何获取select的选中值和选中文本

发布时间:2021-01-25编辑:脚本学堂
本文介绍下,用javascript代码获取select下拉列表框中选中值与选中文本的方法,有需要的朋友,可以参考下。

使用如下的方式:
 

var obj = document.getElementByIdx_x(”select_id”); //selectid
var index = obj.selectedIndex; // 选中索引
var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; // 选中值

JS如何取得SELECT选中的值(不是Value属性)?
 

<select name="JobName" id="JobName" onChange="changvalue(this.value)">
        <option value="28838">销售工程师</option>
        <option value="23343">项目总监</option>
        <option value="12434">商务代表</option>
        <option value="28734">销售主任</option>
        <option value="28779">高级外贸跟单文員</option>
</select>

如下,我在JS中如何取得这个列表的选择项(不是Value属性),onChange="changvalue(this.value)",用这个得到的是value属性,也就是数字,如果我要取得 销售工程师,项目总监 等等该指定什么属性?

因为Value属性不能丢,但现在我要取如 ‘销售主任,高级外贸跟单文員’ 等值!如何取,就指定何属性?用试了用innerText属性,但得到的却是所有的,不是选中的某一个!

该如何操作?

还有,如何我在后台代码中用 Request.Form["JobName"] 接受到的是所选择的value属性值,那么如何取得选中的文本值呢,也就是“销售工程师,项目总监“之类!
 

<select name="JobName" id="JobName" onChange="alert(this.options[this.selectedIndex].text)">
    <option value="28838">销售工程师</option>
    <option value="23343">项目总监</option>
    <option value="12434">商务代表</option>
    <option value="28734">销售主任</option>
    <option value="28779">高级外贸跟单文員</option>
</select>