jquery获取select选中的值

来源:互联网 发布:淘宝退换货要求 编辑:程序博客网 时间:2024/04/28 18:12

HTML代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>select获取值</title>
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/select.js"></script>
</head>
<body>
<select name="option">
<option value ="select">--select--</option>
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
</body>
</html>

js代码:

$(function(){
$(document).on("change","select[name=option]",function(){

//第一种取值得方法
var optval=$("select[name=option]").val()//获取选中的value值
var opttext=$("select[name=option]").text()//获取所有选项的内容

//第二种取值得方法
var opt=$("option:selected").text();//获取选中的内容
var optv=$("option:selected").val();//获取选中的value值
alert(optv);
alert(optval);
alert(opt);
});
})

0 0
原创粉丝点击