jQuery对元素值操作

一 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>

 

四 运行效果

 

• 
• 大小: 5.3 KB

• 查看图片附件