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');
             }
         }
        });
相关文章
|
22天前
|
JavaScript 前端开发
js事件队列
js事件队列
|
11天前
|
JavaScript 前端开发
JavaScript 事件
JavaScript 事件
23 2
|
1月前
|
JavaScript 前端开发
javascript中常用的事件
这篇文章列出并演示了JavaScript中常用的DOM事件,包括失去焦点、获得焦点、鼠标点击、键盘事件等,并展示了如何通过直接在HTML标签中使用事件句柄和通过JavaScript为元素添加事件监听器两种方式来注册事件。
|
1月前
|
JavaScript 前端开发
JavaScript 事件的绑定
JavaScript 事件的绑定
28 0
|
3月前
|
JavaScript 前端开发
事件委托是JS技巧,通过绑定事件到父元素利用事件冒泡,减少事件处理器数量,提高性能和节省内存。
【6月更文挑战第27天】事件委托是JS技巧,通过绑定事件到父元素利用事件冒泡,减少事件处理器数量,提高性能和节省内存。例如,动态列表可共享一个`click`事件处理器,通过`event.target`识别触发事件的子元素,简化管理和响应动态内容变化。
35 0
|
11天前
Nest.js 实战 (十二):优雅地使用事件发布/订阅模块 Event Emitter
这篇文章介绍了在Nest.js构建应用时,如何通过事件/发布-订阅模式使应用程序更健壮、灵活、易于扩展,并简化服务间通信。文章主要围绕@nestjs/event-emitter模块展开,这是一个基于eventemitter2库的社区模块,提供了事件发布/订阅功能,使得实现事件驱动架构变得简单。文章还介绍了如何使用该模块,包括安装依赖、初始化模块、注册EventEmitterModule、使用装饰器简化监听等。最后总结,集成@nestjs/event-emitter模块可以提升应用程序的事件驱动能力,构建出更为松耦合、易扩展且高度灵活的系统架构,是构建现代、响应迅速且具有高度解耦特性的Nest.
|
25天前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
44 1
|
6天前
|
JavaScript 前端开发
|
1月前
|
JavaScript 前端开发
js的回车事件
js的回车事件
35 3
|
1月前
|
JavaScript 前端开发
JavaScript 事件的概念
JavaScript 事件的概念
48 1