option里面没有设置value值啊。如何获取value？
web_東
2018-03-08 23:23
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<style>
p { text-align:center;
color: red;
margin:0px;
padding:0px;
border:1px groove #00ffff;
border-width:8px;
width:40%;
height:20px;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
<script type="text/javascript" src="../js/jquery-2.0.0.min.js"></script>
</head>
<body>
<h3>.val()</h3>
<select id="single">
<option>慕课网bbb</option>
<option selected="selected">博客园</option>
</select>
<select id="multiple" multiple="multiple">
<option selected="selected">imocc</option>
<option selected="selected">慕课网</option>
<option>博客园</option>
</select>
<input type="text" value="click a button" />
<p>nnnn</p>
<script type="text/javascript">
//单个select，返回第一个
$("p").text($("#single").val());
/*
//多个select被选择，返回["imocc", "博客园"]
$("p").text($("#multiple").val());
//选择一个表单，修改value的值
$("input[type='text']").val('修改表单的字段')
*/
</script>
</body>
</html>
3回答
-
- qq_long妹_0
- 2018-04-24 11:53:11
<option>慕课网bbb</option>在这一句代码中，”慕课网bbb“就是option的value值，你原先的代码没有显示出来，是因为你把这个值传给了p标签，后面又给p标签传入了其它内容，被覆盖了
-
- 中国米线
- 2018-04-05 22:21:57
你不是设置了第二个option么你可以在val()括号里面打打试试 -
- qq_忽而今夏_6
- 2018-03-09 16:35:56
val() 方法返回或设置被选元素的值
jQuery基础 (一)—样式篇
217509 学习 · 1218 问题
相似问题