以下分别使用javascript原生的方法和jquery方法来获取下拉框的值
<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
code:
一:javascript原生的方法
1:拿到select对象: var myselect=document.getElementById("test");
2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index
3:拿到选中项options的value: myselect.options[index].value;
4:拿到选中项options的text: myselect.options[index].text;
二:jquery方法(前提是已经加载了jquery库)
1:var options=$("#test option:selected"); //获取选中的项
2:alert(options.val()); //拿到选中项的值
3:alert(options.text()); //拿到选中项的文本
分享到:
相关推荐
现在有一id=test的下拉框,怎么拿到选中的那个值呢? 分别使用javascript原生的方法和jquery方法 代码如下: <select id=”test” name=””> ”1″>text1</option> ”2″>text2</option> </select> 一:...
这是javascript获取下拉菜单选中的值和文本的技术文档
主要介绍了js实现下拉列表选中某个值的方法,涉及JavaScript针对select下拉列表选择操作的相关技巧,需要的朋友可以参考下
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等
本文实例讲述了JavaScript实现向select下拉框中添加和删除元素的方法。分享给大家供大家参考,具体如下: 1、说明 a. 利用append()方法向下拉框中添加元素 b. 利用remove()方法移除下拉框中最后一个元素 2、实例源码...
JavaScript 技术: select2控件选择多个数据,以及回显数据的方法 。
今天没事用js写了一个用两个select下拉框之间能互相移动元素的小程序,刚刚才开始学javascript还有很多优化的地方。 Javascript代码 [removed] /**选中的元素向右移动**/ function moveRight() { //得到第...
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中... select下拉框的第二个元素为当前选中值 $(‘#select_id’)[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值 $(‘in
里面也有监听普通下拉选框选中值发生改变的方式,直接复制即可 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...
NULL 博文链接:https://heisetoufa.iteye.com/blog/356950
本文实例讲述了JavaScript实现通过select标签跳转网页的方法。分享给大家供大家参考,具体如下: 我们经常有遇到需要用select标签跳转到新网页的情况,dw生成的代码太复杂,那么有没有精简的代码得以实现呢?经过...
选中下拉框中的选项实现左移右移 效果: 1. Html部分代码 <body> <td><select size=15 id=left > 左1 左2 左3 左4 左5 左6 左7 <
SelectTree是组合element里面的select和tree两者实现的,可以实现多选,单选,同时选中以后关闭下拉框等操作
3.18 文本框获取焦点弹出下拉框 3.19 文本框简单的单击效果 3.20 文字的打字效果 3.21 文字滚动 3.22 文字滑动 3.23 文字跳动特效 3.24 荧光效果的文本 3.25 文字逐个闪亮-霓虹灯效果 3.26 旋转式的变色文字特效 ...
3.18 文本框获取焦点弹出下拉框 3.19 文本框简单的单击效果 3.20 文字的打字效果 3.21 文字滚动 3.22 文字滑动 3.23 文字跳动特效 3.24 荧光效果的文本 3.25 文字逐个闪亮-霓虹灯效果 3.26 旋转式的变色文字特效 ...
利用javascript设置select下拉菜单的选中项。 代码实例如下: <!--js动态设置select下拉菜单的默认选中项--> <html> <head> <title>下拉菜单</title> [removed] [removed]=function...
在layui的基础上,把select选择框可更改为多选框,并可进行搜索、筛选值。下拉框内容可物理分页配置、自定义搜索模式(远程搜索)。 存在layui时, 同样也能直接使用xmSelect, 不用必须layui.xmSelect。具有多选上限...
实现二级联动<script type="text/javascript" > $(function(){ // 学院选框被选择请求专业信息内容,并写入dom var chooseUrl='getChoose.jsp';//定义专业信息获取页面地址,比如你要在xueyuan.jsp里面读取专业...
1:readonly是要锁定这个控件,通过在界面上无法修改他(但是通过javascript可以修改他)。 2:disabled 和readonly有相同的地方也是可以锁定这个控件用户不能改变他的值,但是disabled的更彻底一些...如select 下拉框