歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
您现在的位置: Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

jQuery中獲取或設置元素值

在jquery中,如果要獲取元素的值,是通過val()方法實現的,其語法格式如下所示: val(val)

其中。如果不帶參數val,則是獲取某元素的值;反之,則是將參數val的值賦給某元素。即設置元素的值。該方法常用於表單中獲取或設置對象的值。

另外,通過val()方法還可以獲取selecte標記中的多個選項值,其語法格式如下所示:val().join(",")。

例如:

  1. <script type="text/javascript">  
  2.         $(function() {  
  3.             $("select").change(function() { //設置下拉列表框change事件  
  4.                 var strSel = $("select").val().join(","); //獲取下拉列表框所選中全部選項值  
  5.                 $("#p1").html(strSel); //顯示下拉列表框所選中全部選項值  
  6.             })  
  7.             $("input").change(function() { //設置文本框focus事件  
  8.                 var strTxt = $("input").val(); //獲取文本框的值  
  9.                 $("#p2").html(strTxt); //顯示文本框所輸入的值  
  10.             })  
  11.             $("input").focus(function() { //設置文本框focus事件  
  12.                 $("input").val(""); //清空文本框的值  
  13.             })  
  14.         })  
  15.     </script>  
  16. </head>  
  17. <body>  
  18.      <div>  
  19.          <select multiple="multiple" style="height:96px;width:85px">  
  20.                  <option value="1">Item 1</option>  
  21.                  <option value="2">Item 2</option>  
  22.                  <option value="3">Item 3</option>  
  23.                  <option value="4">Item 4</option>  
  24.                  <option value="5">Item 5</option>  
  25.                  <option value="6">Item 6</option>  
  26.          </select>  
  27.          <p id="p1"></p>  
  28.      </div>  
  29.      <div>  
  30.          <input type="text" class="txt"/>  
  31.          <p id="p2"></p>  
  32.      </div>  
  33. </body>  
說明:在val(val)方法中,如果有參數,其參數還可以是數組的形式,即val(arra),起作用是設置元素被選中。因此$(":radio").val(["radio2","radio3"]),代碼的意思是radio2、radio3被選中。
Copyright © Linux教程網 All Rights Reserved