jQuery中val方法的功能及示例
在使用jQuery編程時，經常會涉及到獲取或者設置表單元素的值。這時候就可以用到jQuery中的val()方法。val()方法是jQuery中的一個常用方法，用于獲取或者設置表單元素的值。在本文中，我們將詳細討論val()方法的功能，以及通過具體代碼示例來展示它的用法。
一、val()方法的功能
val()方法用于獲取或者設置表單元素的值，這些表單元素包括input、textarea和select等。當val()方法不帶參數時，它會返回匹配元素集合中第一個元素的當前值。當val()方法帶一個參數時，它會設置所有匹配元素的值。
二、示例代碼
下面是一些示例代碼，展示了如何使用val()方法獲取或設置表單元素的值。
- 獲取input輸入框的值
假設我們有一個輸入框，現在我們想要獲取用戶輸入的值并輸出到控制臺：
var username = $("#username").val();
console.log(username);
登錄后復制
- 設置input輸入框的值
如果我們想要在輸入框中設置一個默認值，可以使用val()方法：
$("#username").val("John Doe");
登錄后復制
- 獲取select下拉菜單的值
假如我們有一個下拉菜單：
<select id="city"> <option value="1">New York</option> <option value="2">Los Angeles</option> <option value="3">Chicago</option> </select>
登錄后復制
我們想要獲取用戶選擇的值：
var city = $("#city").val();
console.log(city);
登錄后復制
- 設置select下拉菜單的值
如果我們希望默認選中Los Angeles：
$("#city").val("2");
登錄后復制
- 獲取textarea的值
如果我們有一個