一 jQuery提供了3种对元素值操作的方法
方法 | 说明 | 示例 |
var() | 用于获取第一个匹配元素的当前值,返回值可能是一个字符串,也可能是一个数组。例如当select元素有两个选中值时,返回结果就是一个数组 | $("#username").val(); //获取id为username的元素的值 |
var(val) | 用于设置所有匹配元素的值 | $("input:text").val("新值") //为全部文本框设置值 |
var(arrVal) | 用于为check、select和radio等元素设置值,参数为字符串数组 | $("select").val(['列表项1','列表项2']); //为下拉列表框设置多选值 |
二 应用
为多行列表框设置并获取值
三 代码
<script language="javascript" src="JS/jquery-3.1.1.min.js"></script> <select name="like" size="3" multiple="multiple" id="like"> <option>列表项1</option> <option selected="selected">列表项2</option> <option selected="selected">列表项3</option> </select> <script type="text/javascript"> $(document).ready(function(){ $("select").val(['列表项1','列表项2']); alert($("select").val()); }); </script>
四 运行效果
![](https://i-blog.csdnimg.cn/blog_migrate/a686d638185c4e16bf76bc1a0e3418a5.png)