jquery如何將下拉框的某元素設為當前選中值
阿新 • • 發佈:2019-02-01
jquery提供了val()方法設定或返回表單欄位的值,因此將下拉框的某元素設為當前選中值,只需設定用val()方法設定下拉框的值即可。
1、HTML結構
< select id = "test" >
< option value = "0" >- 請選擇 -</ option >
< option value = "1" >1-關</ option >
< option value = "2" >2-趙</ option >
< option value = "3" >3-馬</ option >
< option value = "4" >4-黃</ option >
< option value = "5" >5-張</ option >
</ select >
< input type = "text" id = "test_input" >< input type = 'button' value = '設定' />
|
2、jquery程式碼
$(
function
(){
$(
"input[type='button']"
).click(
function
() {
selected_option = $(
"input#test_input"
).val();
$(
"select#test"
).val(selected_option);
});
});