在jquery中,如果要獲取元素的值,是通過val()方法實現的,其語法格式如下所示: val(val)
其中。如果不帶參數val,則是獲取某元素的值;反之,則是將參數val的值賦給某元素。即設置元素的值。該方法常用於表單中獲取或設置對象的值。
另外,通過val()方法還可以獲取selecte標記中的多個選項值,其語法格式如下所示:val().join(",")。
例如:
- <script type="text/javascript">
- $(function() {
- $("select").change(function() { //設置下拉列表框change事件
- var strSel = $("select").val().join(","); //獲取下拉列表框所選中全部選項值
- $("#p1").html(strSel); //顯示下拉列表框所選中全部選項值
- })
- $("input").change(function() { //設置文本框focus事件
- var strTxt = $("input").val(); //獲取文本框的值
- $("#p2").html(strTxt); //顯示文本框所輸入的值
- })
- $("input").focus(function() { //設置文本框focus事件
- $("input").val(""); //清空文本框的值
- })
- })
- </script>
- </head>
- <body>
- <div>
- <select multiple="multiple" style="height:96px;width:85px">
- <option value="1">Item 1</option>
- <option value="2">Item 2</option>
- <option value="3">Item 3</option>
- <option value="4">Item 4</option>
- <option value="5">Item 5</option>
- <option value="6">Item 6</option>
- </select>
- <p id="p1"></p>
- </div>
- <div>
- <input type="text" class="txt"/>
- <p id="p2"></p>
- </div>
- </body>
說明:在val(val)方法中,如果有參數,其參數還可以是數組的形式,即val(arra),起作用是設置元素被選中。因此$(":radio").val(["radio2","radio3"]),代碼的意思是radio2、radio3被選中。