当使用easyui时,表单的onchange事件失效
生活随笔
收集整理的這篇文章主要介紹了
当使用easyui时,表单的onchange事件失效
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
功能:新增信徒頁面,當選擇未受洗,設置受洗時間,教堂選項 disabled。
步驟:
在<select>標簽里加入 οnchange="xxxxx()"。
在js里編寫xxxxx()方法。
測試
教堂選項沒有?disabled。
原因:
我JSP頁面這樣寫:<select id="addBeBaptized" class="easyui-combobox" name="beBaptized" style="width:100px;">?
其中 class="easyui-combobox" 已經使select不能使用HTML的事件了,查看頁面源碼發現不是select了,故而這個事件無效了。
解決:
easyui的combobox里集成了combo的onSelect事件方法,需要在頁面加載初始化控件時設置。
$('#addBeBaptized').combobox({ onSelect: function(date){ var beBaptized=$('#addBeBaptized').combobox('getValue'); if(beBaptized!='2'){ //1 未受洗 2 已受洗 3 未填 $('#addBaptizedDate').combobox('disable'); $('#addBaptizedChurch').combobox('disable'); }else{ $('#addBaptizedDate').combobox('enable'); $('#addBaptizedChurch').combobox('enable'); } }});
總結
以上是生活随笔為你收集整理的当使用easyui时,表单的onchange事件失效的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ebnf范式_使用Scala基于词法单元
- 下一篇: 01电话拨号器