jQuery中获取或设置元素值
在jquery中,如果要获取元素的值,是通过val()方法实现的,其语法格式如下所示: val(val)
其中。如果不带参数val,则是获取某元素的值;反之,则是将参数val的值赋给某元素。即设置元素的值。该方法常用于表单中获取或设置对象的值。
另外,通过val()方法还可以获取selecte标记中的多个选项值,其语法格式如下所示:val().join(",")。
例如:
- <script type="text/javascript">
- $(function() {
- $("select").change(function() { //设置下拉列表框change事件
- var strSel = $("select").val().join(","); //获取下拉列表框所选中全部选项值
- $("#p1").html(strSel); //显示下拉列表框所选中全部选项值
- })
- $("input").change(function() { //设置文本框focus事件
- var strTxt = $("input").val(); //获取文本框的值
- $("#p2").html(strTxt); //显示文本框所输入的值
- })
- $("input").focus(function() { //设置文本框focus事件
- $("input").val(""); //清空文本框的值
- })
- })
- </script>
- </head>
- <body>
- <div>
- <select multiple="multiple" style="height:96px;width:85px">
- <option value="1">Item 1</option>
- <option value="2">Item 2</option>
- <option value="3">Item 3</option>
- <option value="4">Item 4</option>
- <option value="5">Item 5</option>
- <option value="6">Item 6</option>
- </select>
- <p id="p1"></p>
- </div>
- <div>
- <input type="text" class="txt"/>
- <p id="p2"></p>
- </div>
- </body>
相关推荐
IT之家 2020-03-11
graseed 2020-10-28
zbkyumlei 2020-10-12
SXIAOYI 2020-09-16
jinhao 2020-09-07
impress 2020-08-26
liuqipao 2020-07-07
淡风wisdon大大 2020-06-06
yoohsummer 2020-06-01
chenjia00 2020-05-29
baike 2020-05-19
扭来不叫牛奶 2020-05-08
hxmilyy 2020-05-11
黎豆子 2020-05-07
xiongweiwei00 2020-04-29
Cypress 2020-04-25
冰蝶 2020-04-20