1. 程式人生 > >Form表單之下拉框

Form表單之下拉框

下拉框:

<label>下拉1組:</label>
<select name="select1">
  <option>--請選擇--</option>
  <option value="option1">下拉1</option>
  <option value="option2" selected="selected">下拉2</option>
  <option value="option3">下拉3</option>
</select>

1.獲取下拉選中項的值、文字、索引

<label>下拉2組:</label>
<select name="select2">
  <option>--請選擇--</option>
  <option value="option1">下拉1</option>
  <option value="option2" selected="selected">下拉2</option>
  <option value="option3">下拉3</option>
</select>

$("select[name='select2'] option:selected").val();//選中項的值
$("select[name='select2'] option:selected").text();//選中項的文字
$("select[name='select2'] option:selected").index();//選中項的索引(從0開始)

2.選中某值、某文字、某索引的下拉項:

<label>下拉3組:</label>
<select name="select3">
  <option>--請選擇--</option>
  <option value="option1">下拉1</option>
  <option value="option2">下拉2</option>
  <option value="option3">下拉3</option>
</select>

$("select[name='select3']").val("option2");//選中值為option2的項
$("select[name='select3'] option[text='下拉2']").prop("selected","selected");//選中文字值為 下拉2 的項;根據文字選中項無效,請知道的朋友不吝賜教;


$("select[name='select3'] option").eq(2).prop("selected","selected");//選中索引值為2的項,為第三項;