Form表單之下拉框
阿新 • • 發佈:2019-01-26
下拉框:
<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的項,為第三項;