1. 程式人生 > >jQuery實現當select下拉框內容變化時,input輸入框內容隨之變化

jQuery實現當select下拉框內容變化時,input輸入框內容隨之變化

今天實現了一個功能,當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">