歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> jQuery中獲取或設置元素值

jQuery中獲取或設置元素值

日期:2017/3/1 10:59:05   编辑:Linux編程

在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