详说jQuery的 val() 事件

最新推荐文章于 2021-06-09 23:07:59 发布

DonkeyMini

最新推荐文章于 2021-06-09 23:07:59 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/DonkeyMini/article/details/73613068

本文介绍如何使用jQuery来获取和设置HTML元素的值，包括文本框、多选框等，并提供了具体的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

what

　　val([val|fn|arr])

　　获得匹配元素的当前值。

获得文本框的值

 enter your name:<input type="text">

　　在浏览器输入框键入：

$(document).ready(function() {
      $("input").blur(function() {
        var a = $("input").val();
        console.log(a); //控制台打印出输入框的值
      });
    });

设置文本框的值

 enter your name:<input type="text">

javascript设定文本框的值

$(document).ready(function() {
      $("input").blur(function() {
        var a = $("input").val("Hello World");
        console.log(a);
      });
    });

在浏览器查看和输出：

获取多选框的值，得到一个数组

<select multiple="1">
      <option value="1">香蕉</option>
      <option value="2">苹果</option>
      <option value="3">西瓜</option>
      <option value="4">荔枝</option>
 </select>