现在有一id=test的下拉框,怎么拿到选中的那个值呢?
分别使用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()); //拿到选中项的文本
转载:http://www.cnblogs.com/itdream/archive/2012/05/31/2528345.html
相关推荐
本文实例讲述了jquery获取select选中值的方法。分享给大家供大家参考,具体如下: 误区: 以前一直以为jquery获取select中option被选中的文本值,是这样写的: 复制代码 代码如下:$(“#s...js获取select选中的值: var
jQuery获取Select选择的Text和Value: 语法解释: 1. $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$(“#select_id”).find(“option:selected”)...
//js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值 for(var i=0;i<obj.length;i++){ ...
现在有一id=test的下拉框,怎么拿到选中的那个值呢? 分别使用javascript原生的方法和jquery方法 代码如下: <select id=”test” name=””> ”1″>text1</option> ”2″>text2</option> </select> 一:...
1.要想使用jquery首先html或者jsp中得引入jquery文件。 2.话不多说,上代码。 <%@ page language="java" contentType=... charset=UTF-8" pageEncoding="UTF-8"%> ...script type="text/javascript" src="../../
下面小编就为大家带来一篇jquery根据一个值来选中select下的option实例代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
把以下代码放在一个单独的js文件中,在页面上引用即可调用 代码如下://获取cookie值function readCookie(name) { var cookieValue = “”; var search = name + “=”; if ([removed].length > 0) { offset = ...
近来做项目,用的jquery1.6.2库,当动态增加div 及select时,事件却不起作用。 查了一些资料,发现bind事件:向匹配元素附加一个或更多事件处理器。而live事件:为当前或未来的匹配元素添加一个或多个事件处理器。 ...
Jquery的选择器很强大,对select的options对象添加的时候我找了老半天才找到 代码如下:/**//* 文件名:jquery.liu.select.js 功能说明:本js文件为jquery类库的一个插件,主要实现对select的操作. 作者:John Liu 编写...
又发现自己写的JavaScript代码在FireFox下运行出错,原因很郁闷,在获取一个Radio元素的值的时候只得到了 undefind。谷歌了一下,大多跟我用的方法是一样的 代码如下:var value = $(“input[name=’radio1′][type=...
select选择框内容左右移动添加删除代码基于jquery-1.8.3.min.js实现,简单实用,选中选项内容,点击移动按钮可进行内容左右移动,双击option内容也可左右移动,支持单选移动、多选移动和一键全部移动! 运行效果图:...
在fSelect.js基础上修改的一个下拉框多选,多一个全部选项,当选中全部时都打勾
<script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); </script> </head> ...
有一个多选的需求,在网上找到了这个插件:multiselect https://github.com/ehynds/jquery-ui-multiselect-widget csdn博客上有这个插件的介绍,不少童鞋都问了这么个问题,怎么获取选中的值?真是个好问题,因为我...
首先说单选框(radio),radio和checkbox一样都是name相同值有多个在获取 radio 值的时候我们不能按照普通文本框.value的方式,而是要判断哪个被选中了。 js验证是要用getElementsByName()获取数组 js代码如下: ...
插件源代码(listtolist.js): 代码如下:/** fromid:源list的id. toid:目标list的id. moveOrAppend参数(“move”或者是”append”): move — 源list中选中的option会删除.源list中选中的option移动到目标list中,若...
ajax加载下拉框数据后如何选中指定项? html: [removed][removed] [removed][removed] <select id='mySelect'></select> js: $(function(){ $('#mySelect').select2(); $.ajax({ success:...
利用Bootstrap Multiselect实现下拉框多选功能,并在点击事件中获取到所有选中option的value值 首先展示项目案例: 多选下拉框功能实现.gif 下面是所有完整的代码,重点以及主要的解释已经在代码内进行注释: 引入的...
当加载列表时,默认希望选中第一条。top_menu 为ul的ID 通过 $(“#top_menu li:first”) 就可以获取到 ul下第一个li标签。然后就可以利用 例如 修改属性:$(“#top_menu li:first”).attr(“class”,”select”); ...
jsTree有节点选择事件,即 代码如下: .bind(“select_node.jstree”, function(e, data) { //alert(data.rslt.obj.attr(“id”) + “:” + data.rslt.obj.attr(“rel”)); }) 其实我认为它更像是节点的单击...