教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 Javascript如何获取select的选中值和选中文本

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

发布时间:2014-12-04   编辑:jiaochengji.com
本文介绍下,用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>

您可能感兴趣的文章:
jquery中获取select选中值的代码
Javascript如何获取select的选中值和选中文本
jQuery select操作控制方法小结
jquery 表单取值常用代码
jquery获取元素值的方法(常见的表单元素)
JQuery 获取和设置Select选项的代码
jQuery获取Select选择的Text和Value(详细汇总)
jQuery操作Select选择的Text和Value(获取/设置/添加/删除)
Js获取select下拉列表框中选项的值与文本
JQuery中对Select的option项的添加、删除、取值

[关闭]
~ ~