码迷,mamicode.com
首页 > Web开发 > 详细

详说jQuery的 val() 事件

时间:2017-06-07 19:44:00      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:val   控制台   enter   image   func   size   lis   img   put   

  • 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() 事件

标签:val   控制台   enter   image   func   size   lis   img   put   

原文地址:http://www.cnblogs.com/Afanty/p/6958513.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!