jQuery中获取或设置元素值

Clarence 2011-11-18

在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被选中。

相关推荐

ganyouxianjava / 0评论 2012-05-31