操作表单

对于表单元素，jQuery对象统一提供 val() 方法获取和设置对应的 value 属性：

/

<input id="test-input" name="email" value="">

<select id="test-select" name="city">

<option value="BJ" selected>Beijing</option>

<option value="SH">Shanghai</option>

<option value="SZ">Shenzhen</option>

</select>

<textarea id="test-textarea">Hello</textarea>

/

var

input = $('#test-input'),

select = $('#test-select'),

textarea = $('#test-textarea');



input.val(); // 'test'

input.val('abc@example.com'); // 文本框的内容已变为abc@example.com



select.val(); // 'BJ'

select.val('SH'); // 选择框已变为Shanghai



textarea.val(); // 'Hello'

textarea.val('Hi'); // 文本区域已更新为'Hi'

可见，一个 val() 就统一了各种输入框的取值和赋值的问题。