jQuery实例8

最新推荐文章于 2024-07-10 06:11:16 发布

夜光寒

最新推荐文章于 2024-07-10 06:11:16 发布

阅读量725

点赞数

分类专栏： AJAX JavaScript 文章标签： jquery function

JavaScript 同时被 2 个专栏收录

15 篇文章 1 订阅

订阅专栏

AJAX

14 篇文章 0 订阅

订阅专栏

jQuery对下拉选择项的操作，第一项是单选，第二项是多选。

用jQuery的val()得到下拉选项的选中的值，代码如下：

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">   
$(document).ready(function(){
  $("p").append(
  "<b>Single:</b> "   + $("#single").val() +
  " <b>Multiple:</b> " + $("#multiple").val().join(", ")
); 
}); 
</script>
</head>

<body>
<p></p><br/>
<select id="single">
  <option>Single</option>
  <option>Single2</option>
</select>
val()有value用value，没有用text
<select id="multiple" multiple="multiple">
  <option value="第1项" selected="selected">Multiple</option>
  <option>Multiple2</option>
  <option selected="selected">Multiple3</option>
</select> 
</body>
</html>