Jquery val()方法的使用

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

val demo

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

Single

Single2

Single3

Multiple

Multiple2

Multiple3

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

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

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

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

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

3条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
子幽 2017-09-15 01:40
关注
1、如果$( "#multiple" ).val()为空酒赋值[]
2、将multipleValues的所有元素放入一个字符串，以逗号隔开

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

Ajax和jQuery相关问题 ajax jquery 前端
2022-09-24 13:37

回答 2 已采纳 http_request.status === 4这里应该是http_request.readyState 吧
flask如何用jquery做到同步后端随时更新的数据 flask jquery 前端有问必答
2022-03-17 22:32

回答 2 已采纳用setInterval定时器来实时更新你题目的解答代码如下： <!DOCTYPE html> <html lang="en"> <head> <me
前端jquery中怎么去掉请求多余的参数为空的 easyui javascript jquery
2021-08-20 12:55

回答 2 已采纳第一种就封装对象时候为空别传第二种就是，遍历对象删除k对应为空的属性
jQuery——val() 方法的使用
2018-10-11 17:30

一只野生饭卡丘的博客 val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数，则返回被选元素的当前值。从定义可以知道，val()一般有两个用途：返回被选元素的...
jQuery表单的文本框内的的文本值怎么能一直设置成红色 javascript jquery 前端
2022-10-22 09:20

回答 2 已采纳获取焦点和失去焦点时候，状态一样吗
使用JQuery填充选择 html jquery laravel php
2017-11-09 21:32

回答 1 已采纳 I think this would stand as a solution to all laravel based ajax population with select 2. Summary
jquery jsonp跨域调用api，怎么修改为调用text格式返回值 html jquery 前端有问必答
2022-03-01 00:54

回答 2 已采纳不行,前端只有用jsonp格式请求的方法才能跨域请求, 你改用text格式是无法跨域请求的.因为用jsonp请求的方法是通过script标签让对方服务器返回xxxxxxxx({json对象数据});的
jQuery 属性操作 - val() 方法
2022-11-15 11:03

weixin_45042311的博客 jQuery 属性操作 - val() 方法
jQuery日期格式化前端
2022-01-09 11:36

回答 3 已采纳可以使用jquery的插件，如果不想使用jQuery插件的话，使用下面这个方法就可以了 $.date = function(dateObject) { var d = new Date(dat
Datatables前端页面的一个难题（Server-side模式下） javascript jquery 前端
2021-10-25 17:54

回答 2 已采纳 initComplete: function (settings, json) {//加载完毕事件 eg.after($('#dvType'))
前端file标签的相关问题 html javascript jquery
2022-09-19 14:27

回答 2 已采纳 https://cloud.tencent.com/developer/article/1538507可以看看这个
Jquery 使用val时触发change事件
2020-03-07 18:39

zhaogaojian的博客 Jquery使用val不会触发change事件，需要手动加上change(); $('#userName').val('13223').change();
bootstrapTable中使用onCheck方法取消选中某行的CheckBox bootstrap jquery
2020-12-07 09:08

回答 1 已采纳不知道是否满足你的需求，我在Demo中列举了一些API，也在demo中写了一个示例，我的示例需求是在选中行时触发，取消选中当前数据以外的行，你可以按照自己的需求改数组，可以试一下这个示例，希望能帮到
前端基础之jQuery
2023-04-07 21:22

小龙人000的博客使用jQuery可以更方便的编写JS脚本实现的功能。 jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历...
jQuery的val()方法及其使用方法
2023-10-01 06:34

后端工程实践的博客其中，val()方法是jQuery提供的一个常用方法，用于获取或设置表单元素的值。本文将详细介绍val()方法的用法，并提供相应的源代码示例。上述语法中，selector是用于选取HTML元素的选择器，可以是元素名称、类名、ID等...
前端之jQuery
2022-08-26 19:59

Yietong309的博客 jQuery是一个轻量级的兼容多浏览器的javascript库.它使用户能够更方便的处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“...
jQuery的.val()方法
2019-04-30 18:27

Clancye的博客 Jquery中.val()方法 jQuery中有一个.val()方法主要是用于处理表单元素的值，比如 input, select 和 textarea。 .val()方法 .val()无参数，获取匹配的元素集合中第一个元素的当前值 .val( value )，设置匹配的元素...
jQuery前端开发35个小技巧
2020-11-26 05:17

废话不说直接代码，有问题可以一起交流 ...$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); });...2. 隐藏搜索文本框文字 ...$("input.text1").val("Enter y
没有解决我的问题, 去提问

悬赏问题

¥15 写uniapp时遇到的问题
¥15 matlab有限元法求解梁带有若干弹簧质量系统的固有频率
¥15 找一个网络防御专家，外包的
¥100 能不能让两张不同的图片md5值一样，（有尝）
¥15 informer代码训练自己的数据集，改参数怎么改
¥15 请看一下，学校实验要求，我需要具体代码
¥50 pc微信3.6.0.18不能登陆有偿解决问题
¥20 MATLAB绘制两隐函数曲面的交线
¥15 求TYPCE母转母转接头24PIN线路板图
¥100 国外网络搭建，有偿交流

Jquery val()方法的使用

3条回答 默认 最新

悬赏问题

3条回答默认最新