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