当使用easyui时,表单的onchange事件失效
生活随笔
收集整理的這篇文章主要介紹了
当使用easyui时,表单的onchange事件失效
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
功能:新增信徒頁(yè)面,當(dāng)選擇未受洗,設(shè)置受洗時(shí)間,教堂選項(xiàng) disabled。
步驟:
在<select>標(biāo)簽里加入 οnchange="xxxxx()"。
在js里編寫xxxxx()方法。
測(cè)試
教堂選項(xiàng)沒(méi)有?disabled。
原因:
我JSP頁(yè)面這樣寫:<select id="addBeBaptized" class="easyui-combobox" name="beBaptized" style="width:100px;">?
其中 class="easyui-combobox" 已經(jīng)使select不能使用HTML的事件了,查看頁(yè)面源碼發(fā)現(xiàn)不是select了,故而這個(gè)事件無(wú)效了。
解決:
easyui的combobox里集成了combo的onSelect事件方法,需要在頁(yè)面加載初始化控件時(shí)設(shè)置。
$('#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'); } }});
總結(jié)
以上是生活随笔為你收集整理的当使用easyui时,表单的onchange事件失效的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: ebnf范式_使用Scala基于词法单元
- 下一篇: 01电话拨号器