jquery获取下拉列表选中的文本值

萨瓦迪卡8年前 (2018-02-26)javaScript3833

                   <select id="AreaId" >
                        <option value="01"  selected="selected">济南</option>
                        <option value="02">北京</option>
                    </select>

*jquery获与js获取下拉列表选中的文本值方式是不同的,分别是

jquery获取方式

         1.获取值:

$("#AreaId").val();//获取当前选择项的值.
var options=$("#AreaId option:selected");//获取当前选择项.
options.val();//获取当前选择项的值.

  2.获取文本:

var options=$("#AreaId option:selected");//获取当前选择项.
options.text();//获取当前选择项的文本.

options.innerHTML();//获取当前选择项的文本.

$("#AreaId").text;

js获取方式

   其他属性(js):  

innerText:

var index=document.getElementById("AreaId").selectedIndex;//获取当前选择项的索引.
document.getElementById("AreaId").options[index].innerText; //获取当前选择项的文本,IE支持,Firefox不支持.

document.getElementById("AreaId").innerHTML;//获取当前下拉框所有的元素,包括Html代码.注意大小写.

document.getElementById("AreaId").textContent;//获取当前下拉框中所有的选择项文本,不包括Html代码.


本文原创,转载必追究版权。

分享给朋友:

相关文章

是谁动了我的座位

是谁动了我的座位

女孩一上火车,见自己的座位上坐着一男士。她核对自己的票,客气地说:“先生,您坐错位置了吧?” 男士拿出票嚷嚷着:“看清楚点,这是我的座,你瞎了?” 女孩仔细看了他的票,不再做声,默...

共享单车已经过时了!!!共享汽车要来了!比私家车和打车都便宜!

共享单车已经过时了!!!共享汽车要来了!比私家车和打车都便宜!

继共享单车后共享汽车也要来济南啦!无车一族!刚拿到驾照想练手的新手!以及想换个方式开车兜风的你们!还有讨厌打车又讨厌停车的你们!福音啊!10日,济南市人大代表、济南市停车集团董事长兼总经理白冰说济南市...

MySQL、Oracle数据库字段分别设置默认系统时间

MySQL设置方法:1、将字段类型设为  TIMESTAMP 2、将默认值设为  CURRENT_TIMESTAMPMySQL 脚本实现用例--添加CreateTime 设置默认时...

Jfinal+Jquery uploadify实现多文件上传实例

Jfinal+Jquery uploadify实现多文件上传实例

包文件外部jar包jfinal-2.0-bin-with-src.jar(JFinal核心包)  fastjson-1.2.7.jar(用于json数据的处理)  cos-26De...

表单用submit提交前增加校验

有时由于各种原因 input 必须用submit类型提交,在表单提交前增加校验。直接附代码 <HTML>      <he...

rownum 与order by 的执行顺序及按rownum 排序

rownum 与order by 的执行顺序及按rownum 排序

  如果select语句(非嵌套查询形式的)有order by子句,则order by子句一般都是最后一步执行的。但是如果order by子句里的字段被设置了主键约束或是被设置索引了,那么o...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。