<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<select id="sel" onchange="cge()">
<option value="1">4</option>
<option value="2">5</option>
<option value="3">6</option>
</select>
</body>
<script>
function cge(){
var sel=documentgetElementById('sel');
var sid=selselectedIndex;
alert(sel[sid]value+'-'+sel[sid]innerHTML);
}
</script>
</html>
jq的话就一句
$("#sel option:selected")text();
$("#sel option:selected")val();
jquery获取select的值其实类似于获取其他表单的值，需要用到val()方法， 代码如下：
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="//cdnbootcsscom/jquery/1111/jqueryjs"></script>
<script>
$(function(){
$('btn-show')click(function(){
alert($('#selector')val());
});
})
</script>
</head>
<body >
<button class="btn-show">点击显示select对应的值</button>
<select name="select" id="selector">
<option value="1">西瓜</option>
<option value="2">梨</option>
<option value="3">李子</option>
<option value="4">菠萝</option>
<option value="5">哈密瓜</option>
</select>
</body>
</html>
select的option被选中有个selecte以通过这个属性来获取，比如
$('xx option:selected')val();
PS:xx是自己的选择器，可以是class或者ID 随自己订
比如自定义gmoney属性：
<select id="ddl" onchange="ddl_change(this)"">
<option value="100" emoney="12" gmoney="12">日卡</option>
<option value="102" emoney="58" gmoney="58">月卡</option>
<option value="103" emoney="518" gmoney="518">年卡</option>
<select>
那么用jquery获取方法：
$("#ddl")find("option:selected")attr("emoney");
标签选择器：
选择input元素：
$("input")选择select元素
$("select")选择textarea元素
$("textarea")比较基本的选择器还有ID选择器和类选择器，楼主可以去试试。
<html>
<script language="javascript" src="jquery-141minjs"></script>
<script language="javascript">
$(function(){
$("#main_1 inputsubmit")click(function(){
var _d1=$("#main_1 selectdate")val(),
_t1=$("#main_1 inputtime")val();
alert(_d1+"\n"+_t1)
})
$("#main_2 inputsubmit")click(function(){
var _d2=$("#main_2 selectdate")val(),
_t2=$("#main_2 inputtime")val();
alert(_d2+"\n"+_t2)
})
})
</script>
<div id="main_1">
第一时间：
<select class='date'>
<option value='1'>第一天</option>
<option value='2'>第二天</option>
<option value='3'>第三天</option>
<option value='4'>第四天</option>
<option value='5'>第五天</option>
</select>
<input type="text" name="time" class='time'>
<input type="submit" class='submit' value="提交" >
</div>
<div id="main_2">
第二时间：
<select class='date'>
<option value='1'>第一天</option>
<option value='2'>第二天</option>
<option value='3'>第三天</option>
<option value='4'>第四天</option>
<option value='5'>第五天</option>
</select>
<input type="text" name="time" class='time'>
<input type="submit" class='submit' value="提交">
</div>
</html>
应该是你所要的，试试看吧，亲！
html:
<select id="sel">
<option value='s1'>苹果</option>
<option value='s2'>西瓜</option>
<option value='s3'>香蕉</option>
</select>
javascript:
$(function(){
var _val = $map( $("#sel option:not(:selected)"),
function(ele){return elevalue}
)join(",");
alert(_val);
})
其中主要的是：$("#sel option:not(:selected)")，这是返回没被选中的option集合，
使用$map函数对这个集合进行处理，取出其中元素的值，使用","进行分隔。
如果option中没有value属性，那么直接返回option的文本内容。
function AAA()
{
$("select")each(
function()
{
alert($(this)val())
}
);
}
这样就能依次d出各个下拉框的值了。
以上就是关于如何用jQuery获得select的值全部的内容，包括:如何用jQuery获得select的值、jquery怎么获得html select 值、jquery怎么获取select选中的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）