如何获得select被选中option的value和text和......
我想获取select选中的value,或者text,或者……
比如这个:
<select id="select"><option value="A" url="http://www.baidu.com">第一个option</option> <option value="B" url="http://www.qq.com">第二个option</option> </select>
- 1
- 2
- 3
- 4
一:JavaScript原生的方法
1:拿到select对象: `var myselect=document.getElementById("select");2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index 3:拿到选中项options的value: myselect.options[index].value; 4:拿到选中项options的text: myselect.options[index].text; 5:拿到选中项的其他值,比如这里的url: myselect.options[index].getAttribute('url');
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
二:jQuery方法
1:var options=$(“#select option:selected”); //获取选中的项2:alert(options.val()); //拿到选中项的值 3:alert(options.text()); //拿到选中项的文本 4:alert(options.attr('url')); //拿到选中项的url值
转载于:https://www.cnblogs.com/Tohold/p/9057253.html
如何获得select被选中option的value和text和......相关推荐
- 如何获得select被选中option的value和text
如何获得select被选中option的value和text 一:JavaScript原生的方法 1:拿到select对象: var myselect=document.getElementById( ...
- select设置选中option
根据option的value值,设置选中option:<select name="typeOfCertification" id="typeOfCertificat ...
- select中选中option的方法
获取第一个option的值 $('#test option:first').val();最后一个option的值 $('#test option:last').val();获取选中的值 $('#tes ...
- jq如何获取选中option的值_如何用jQuery获得select的值
1.获取第一个option的值 $('#test option:first').val(); 2.最后一个option的值 $('#test option:last').val(); 3.获取第二个o ...
- 实现 select中指定option选中触发事件
实现 select中指定option选中触发事件 我们在用到下拉列表框select时,需要对选中的<option>选项触发事件,其实<option>本身没有触发事件方法,我们只 ...
- html select 选中触发,实现select中指定option选中触发事件
我们在用到下拉列表框select时,需要对选中的 选项触发事件,其实本身没有触发事件方法,我们只有在select里的onchange方法里触发. 当我们触发select的双击事件时,用ondblcli ...
- js 多选框被选中触发的事件_JS实现select选中option触发事件操作示例
本文实例讲述了JS实现select选中option触发事件操作.分享给大家供大家参考,具体如下: 我们在用到下拉列表框select时,需要对选中的选项触发事件,其实本身没有触发事件方法,我们只有在se ...
- 如何根据一个值来动态让select下的option选中
html如下: <select id="test"><option value="0">请选择</option><op ...
- jQuery 设置select默认选中问题
在进行其他操作后,恢复select默认选中 html代码: <select id="shai" style="width:150px;margin:5px 50px ...
最新文章
- SVN:更新、同步与提交 PS:被锁定之解决方法
- C++ code:数值计算之矩形法求解积分问题
- 力扣:1两数之和(python)-------->双向取值
- 【转载】作者苗晓平介绍的飞鸽传书
- 服务器迁移系统工具,win10如何用自带迁移工具迁移系统?_网站服务器运行维护,windows10,迁移系统...
- 微信小程序自定义省市区下拉框
- SAP中会计凭证红蓝冲相关分析测试笔记
- DX8数学库(2013-08-03 11:48:34)
- java muti实现图片上传_MutiFileUpload.java 多文件上传
- 控制系统 丢包 matlab 程序,基于MATLAB的网络控制系统仿真.pdf
- Hadoop 3.x 笔记(配置、命令、脚本、重要图示、代码实现)
- 《笼中鸟——精神病人的生存现状》观后的一点思考
- FreeRTOS信号量
- 《Microduino实战》——1.2 为什么要开源
- win7下如何注册控件
- Vue 设置背景图片样式
- html仿短信聊天,前端开发JS模仿手机短信发送
- 线代[5]|特征值与特征向量、特征值的几何重数与代数重数
- CSS--网页样式布局(一)
- JWT和Session的区别