jQuery对元素值操作

最新推荐文章于 2021-01-31 09:11:32 发布

最新推荐文章于 2021-01-31 09:11:32 发布 · 178 阅读

文章标签：

#jQuery #ViewUI

JavaScript 专栏收录该内容

188 篇文章

订阅专栏

本文介绍了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>

四运行效果