操作表单

jQuery对象统一提供val()方法获取和设置对应的value属性: 一个val()就统一了各种输入框的取值和赋值的问题。

<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'