1. 程式人生 > >詳說jQuery的 val() 事件

詳說jQuery的 val() 事件

-type col multiple tip logs jquery 數組 arr 得到

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