jquery怎么获取select选中的值

如题所述

JS:  document.getElementById("sid").value;

Jquery: $("#sid").val();

直接就可以获取指定select的选中的值;

如果是多选的话,需要用其他方法。

alert($("#eID").val()+"/"+document.getElementById("eID").value);

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-04-09

jQuery取select选中的值方法如下:



例子:

<select id="myselect">    <option value="1">Mr</option>    <option value="2">Mrs</option>    <option value="3">Ms</option>    <option value="4">Dr</option>    <option value="5">Prof</option></select>

jQuery("#myselect  option:selected").text(); // => "Mr"


还有一点要注意如果 select是checkbox 要这样使用:

jQuery("#select1  option:checked ").text();



JQ 完成这个选择器的核心代码

// Loop through all the selected options    
for ( ; i < max; i++ ) {    
option = options[ i ];    
// oldIE doesn't update selected after form reset (#2551)    
if ( ( option.selected || i === index ) &&    
// Don't return options that are disabled or in a disabled optgroup    
( support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null ) &&    
( !option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" ) ) ) {    
// Get the specific value for the option    
value = jQuery( option ).val();    
// We don't need an array for one selects    
if ( one ) {    
return value;    
}    
// Multi-Selects return an array    
values.push( value );    
}    
}

本回答被网友采纳
第2个回答  2016-01-11
可以用Jquery的选择器来实现,

$("select option:selected").next()
<select>
<option value="1" selected="selected">a</option>
<option value="2">b</option>
<option value="3">c</option>
</select>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
<script>
$(function() {
$("select").change(function(event) {
var obj = $(this).find("option:selected").next();
alert("选中项的下一个: 内容"+obj.html()+",值"+obj.val());
});

})
</script>
Jquery是一个优秀的Javascript库,还兼容各种浏览器。jQuery使用户能更方便地处理HTML、events、实现动画效果,并且方便地为网站提供AJAX交互。本回答被提问者采纳
第3个回答  2016-01-15
根据下拉菜单属性选取 就好了 比如id $("#id option:selected").val()
第4个回答  2016-01-14
$("input[name="test"]:checked")

jquery怎么获取select选中的值
Jquery: $("#sid").val();直接就可以获取指定select的选中的值;如果是多选的话,需要用其他方法。alert($("#eID").val()+"\/"+document.getElementById("eID").value);

jquery怎么获取select选中的值
\/\/获取第一个option的值 ('#test option:first').val();\/\/最后一个option的值 ('#test option:last').val();\/\/获取第二个option的值 ('#test option:eq(1)').val();\/\/获取选中的值 ('#test').val();('#test option:selected').val();\/\/设置值为2的option为选中状态 ('#test'...

jquery怎么获取select选中的值,默认选中
1、首先要保证select中每一个option标签都有value属性;2、jquery的写法 ('#sele').val()\/\/这里假设select的id是sele,这样可以获取当前选中的option的value3、刚开始没有选择的时候默认的是第一个option的value值;4、要测试的话可以写一个change事件,也就是每一次选择都会触发 ('#sele').change(...

jquery怎么获取select选中的值,默认选中
选中,在val里设置值就可以选中

jquery 怎样获取select多选下拉框所有选项的值
jquery 获取select多选下拉框所有选项的值可以如下实现 var all = "";$("select option").each(function() { all += $(this).attr("value")+" ";});而值获取被选中的值可用如下代码实现 ("select").val();下面给出实例代码:创建Html元素:一个多选列表和一个按钮 <select id="multi-...

怎样获取select 里面的value
使用原生的JavaScript语言和使用jQuery都是可以获取select里面的value的。一:javascript原生的方法 1、拿到select对象: var myselect=document.getElementById("test")。2、拿到选中项的索引:var index=myselect.selectedIndex 。3、拿到选中项options的value: myselect.options[index].value;4、拿到选中...

jquery怎么获取select的值的内容
使用jquery获取Select的是和获取input控件的值都是:("选择器").val();设置值就是:("选择器").val("值");则对Select设置值,那么如果select有对应的值,则会显示相应的<option>下拉数据

jquery 怎样获取select多选下拉框所有选项的值
.val()函数获取select的属性。语法:(selector).val(value)val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数,则返回被选元素的当前值。一、创建一个select元素:二、创建如下获取属性函数:三、结果获取:...

Jquery怎么获取select选中项 自定义属性的值
Jquery获取select选中项 自定义属性的值的方法:示例代码:1、html代码:<!DOCTYPE><html><head><meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/><title>jquery中attr()方法<\/title><script src="js\/jquery-1.4.2.min.js" language="javascript" type="text\/javascript...

jquery 怎么获取到下拉框 VALUE的值
回答:直接用select标签的id值获取就可以了 比如select标签的 id = 'oSel' jQuery 获取: var value = $("#oSel").val();

相似回答