2 weixin 38422826 weixin_38422826 于 2017.09.15 09:34 提问

Jquery val()方法的使用

从Java Tutorial中获取了以下关于val()方法的代码:
<!DOCTYPE html>







val demo

<br><br> p {<br><br> color: red;<br><br> margin: 4px;<br><br> }<br><br> b {<br><br> color: blue;<br><br> }<br><br>







Single

Single2

Single3





Multiple

Multiple2

Multiple3

function displayVals() { var singleValues = $( "#single" ).val(); var multipleValues = $( "#multiple" ).val() || []; $( "p" ).html( "<b>Single:</b> " + singleValues + " <b>Multiple:</b> " + multipleValues.join( ", " ) ); } $( "select" ).change( displayVals ); displayVals();





问题是:
1. var multipleValues = $( "#multiple" ).val() || []; 中的||[]是指什么
2.$( "p" ).html( "Single: " + singleValues +

" Multiple: " + multipleValues.join( ", " ) ); 中的.join(",")是什么。

我把上面的.join(",")和||[]删掉了 选项还是以下图中的下拉框的形式出现。所以我不明白这两个东西是起什么作用的。
图片说明

3个回答

qq_37524684
qq_37524684   2017.09.15 09:40

1、如果$( "#multiple" ).val()为空酒赋值[]
2、将multipleValues的所有元素放入一个字符串,以逗号隔开

showbo
showbo   Ds   Rxr 2017.09.15 09:46

$( "#multiple" ).val()如果没有选中默认返回null ,选中返回选中的值字符串数组,||操作符取第一个非等价于false的值返回,如果都是false返回最后一个
参考:javascript判断中为假false的值
join是数组的方法,将数组项用制定字符连一起返回

sunny_desmond
sunny_desmond   Rxr 2017.09.15 23:38

判断$( "#multiple" ).val()的值,如果有值,直接使用这个值如果没有 那就给它初始化一个 空数组

join是数组操作的一个方法,用于将一个数组中的值合并成一个字符串输出出来

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
jQuery之 .val()方法
序: 为了方便记忆根据w3c .val() 是设置输入域的值定义和用法 val() 方法返回或设置被选元素的值。 元素的值是通过 value 属性设置的。该方法大多用于 input 元素。 如果该方法未设置参数,则返回被选元素的当前值。牛刀小试<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></scri
jQuery中val()方法用法
此方法设置或获取匹配元素的value属性值。 只有具有value属性的元素才能够使用此方法。比如input元素可以使用此方法,而div元素就不可以。 使用方式: 用法一: 此方法不带参数的时候是返回第一个匹配元素的value属性值。例如: $("input").val() 以上代码是获取第一个input元素的value属性值。 用法二:
jquery中 val()操作 与 复选框、下拉列表、单选按钮的设置
value的缩写val() val()是对value属性操作的快捷方法 $(选择器).attr(‘value’) -------类似--------> $(选择器).val();  获取value信息 $(选择器).attr(‘value’,值)--------类似-------> $(选择器).val(值);  设置value信息 前者不可以取代后者,后者的功能十分强大。 复选框、
jquery中attr方法和val方法的区别
jquery中attr方法和val方法的区别 这几天一直在看jquery,感觉attr方法和val方法没有什么区别,经过试验,有点明白了这两个方法的区别!分享一下,如果理解错误,请大家指正! 以下是源码:       $(document).ready(function(){   $("#btn1").click(function(){   var s1=$('#p1
JQuery的val()与原生JavaScript的value的比较
在使用jQuery时获取对象的值我们会使用到val()方法 由于jQuery是基于对象的 val()获取到的实际是元素对象的属性 而原生的JavaScript获取到的value值 是元素的值 因为form表单中input的值确实太多 甚至可以换行 因此我们可以把JavaScript获取到的value值看做是近似对象 但是二者在实际操作中还是有些许差别的 我个人觉得还是尽量使用原生
jquery $.trim()方法使用介绍
 转载于:http://www.jb51.net/article/44763.htm $.trim(str)的作用是去掉字符串首尾空格,下面为大家介绍下其具体的使用 $.trim(str) 返回:string; 说明:去掉字符串首尾空格。 示例: 先看个错误代码错误代码: 复制代码 代码如下: var c
jQuery.html() .text()和.val() 的用法
转载 本节内容主要介绍的是如何使用jQuery中的.html(),.text()和.val()三种方法,用于读取,修改元素的html结构,元素的文本内容,以及表单元素的value值的方法。jQuery中为我们提供了多种方法用于对元素的HTML结构和元素的文本内容的操作,比如说,你可以给已存在的元素的内部,周围,前面或者后面增加新元素;或者用一个元素替代另一个元素;你也可以读取或者修改一个元素的内
jquery查找find()、取值val()
jquery取值:val() $(this).val();
JQuery 常见方法 VAL () HTML() TEXT() 以及HTML和TEXT的区别
取值 通过JQuery对象的val()方法获取值  相当于 document.getElementById("input1").value; $(function(){ $("#b1").click(function(){ alert($("#input1").val()); }); }); 取值 获取元素内容,如果有
实例说明jquery中html()、text()、val()方法的区别
1、html() 读取和修改元素的HTML标签。对应js中的innerHTML。2、text() 读取或修改元素的纯文本内容。对应js中的innerText。3、重点内容val() 读取或修改表单元素的value值。val()只能使用在表单元素上,html()和text()方法不是被用于表单元素。<!DOCTYPE html> <html> <head> <script src="/jquer