jQuery實現當select下拉框內容變化時,input輸入框內容隨之變化
阿新 • • 發佈:2019-01-01
今天實現了一個功能,當select下拉框中的內容發生變化時,input輸入框中的內容隨之發生變化,具體實現方法如下:
//繫結change事件,當下拉框內容發生變化時啟動事件
$("#wlms").bind("change",function(){
//設定input輸入框可用(初始化是不可用)
$("#wlbh").attr("disabled",false);
//bianhao是<option>標籤中自定義的屬性,是為了獲取後臺傳過來的值
var bianhao = $(this).find("option:selected" ).attr("bianhao");
//向input輸入框中賦值
$("#wlbh").val(bianhao);
});
HTML程式碼:
<option bianhao="${wl.matnr }"></option>
<input id="wlbh" type="text" disabled="disabled">