EasyUi下拉框选值时触发js事件。

简介: EasyUi下拉框选值时触发js事件。

具体实列:

<td><select name="politicalType" id="politicalType" style="width:150px;" 
class="easyui-combobox" data-options="editable:false" onchange="change()">
 <option value="1" <c:if test="${custom.politicalType==1}">selected="selected"</c:if>>中共党员</option>
 <option value="2" <c:if test="${custom.politicalType==2}">selected="selected"</c:if>>中共预备党员</option>
 <option value="3" <c:if test="${custom.politicalType==3}">selected="selected"</c:if>>共青团员</option>
 <option value="4" <c:if test="${custom.politicalType==4}">selected="selected"</c:if>>民革党员</option>
 <option value="5" <c:if test="${custom.politicalType==5}">selected="selected"</c:if>>民盟盟员</option>
 <option value="6" <c:if test="${custom.politicalType==6}">selected="selected"</c:if>>民建会员</option>
 <option value="7" <c:if test="${custom.politicalType==7}">selected="selected"</c:if>>民进会员</option>
 <option value="8" <c:if test="${custom.politicalType==8}">selected="selected"</c:if>>农工党党员</option>
 <option value="9" <c:if test="${custom.politicalType==9}">selected="selected"</c:if>>致公党党员</option>
 <option value="10" <c:if test="${custom.politicalType==10}">selected="selected"</c:if>>九三学社社员</option>
 <option value="11" <c:if test="${custom.politicalType==11}">selected="selected"</c:if>>台盟盟员</option>
 <option value="12" <c:if test="${custom.politicalType==12}">selected="selected"</c:if>>无党派人士</option>
 <option value="13" <c:if test="${custom.politicalType==13}">selected="selected"</c:if>>群众</option>             
</select></td>

js触发下拉事件:

$("#politicalType").combobox({
            onSelect: function () {
            var newPtion = $("#politicalType").combobox('getText')
            if (newPtion == "中共党员") {
                $('#partyBranchId').combobox('enable'); //允许easyui下拉框使用
                $('#subjection').textbox('textbox').attr('readonly',false); //允许easyui文本框使用
                $('#partyDuties').textbox('textbox').attr('readonly',false);
                $('#partyFee').textbox('textbox').attr('readonly',false);
                $('#joinPartyDate').datebox('enable');
            }
            else {
                //党建信息
                $('#partyBranchId').combobox('disable');   //禁止easyui下拉框使用
                $('#subjection').textbox('textbox').attr('readonly',true); //禁止easyui文本框使用
                $('#partyDuties').textbox('textbox').attr('readonly',true);
                $('#partyFee').textbox('textbox').attr('readonly',true);
                $('#joinPartyDate').datebox('disable');
             }
         }
        });
目录
打赏
0
0
0
0
18
分享
相关文章
|
4月前
|
js两种移除事件的方法
js两种移除事件的方法
57 3
盘点原生JavaScript中直接触发事件的方式
本文全面探讨了原生JavaScript中触发事件的多种方式,包括`dispatchEvent`、`Event`构造函数、`CustomEvent`构造器、直接调用事件处理器以及过时的`createEvent`和`initEvent`方法。通过技术案例分析,如模拟点击事件、派发自定义数据加载事件和实现提示框系统,帮助开发者掌握这些方法在实际开发中的应用,提升灵活性与兼容性。
35 3
页面滚动触发css3动画js插件
delighters.js是一款页面滚动触发css3动画js插件。该js插件可以在页面向下滚动时,为进入浏览器视口的元素制作各种炫酷的CSS3动画效果。
58 13
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
89 5
js事件队列
【10月更文挑战第15天】
81 6
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
36 5
|
4月前
|
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
245 0
JS中toString和valueOf在什么时候会自动触发
本文探讨了JavaScript中`toString`和`valueOf`方法在何时会自动触发,解释了隐式类型转换时这两个方法的调用机制,并提供了多个代码示例来演示它们的自动触发情况。
49 1

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等