首页 > 代码库 > 详说jQuery的 val() 事件

详说jQuery的 val() 事件

2024-10-02 12:11:02   214人阅读

  • 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>

　　浏览器多选2,3

　　技术分享

　　控制台得到一个数组

　　技术分享

详说jQuery的 val() 事件


联系
我们