有谁知道jQuery easyui 中 combobox的事件处理吗
展开全部
我的JSP页面代码(节选)
<script src="${ctx}/js/jquery.js" type="text/javascript"></script> <script src="${ctx}/js/jquery.easyui.min.js" type="text/javascript"></script> <script src="${ctx}/js/calendar.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="${ctx}/css/default/easyui.css"> <link rel="stylesheet" type="text/css" href="${ctx}/css/icon.css"> function driverOnChanage(){ alert("触发了事件"); } <select name="odriver" id="odriver" style="width:120px;" class="easyui-combobox" onchange="driverOnChanage()"> <s:iterator value="dList" var="driver"> <option value="${driver.id}">${driver.driverName}</option> </s:iterator> </select> 这个是文档上的一些内容EventsName Parameters Description
onChange newValue, oldValue Fires when the field value is changed.
$('#odriver').bind('onChange',function(n,o){alert(n);}); 测试了一下,还是没用,我把代码贴给你看一下:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery EasyUI</title> <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../themes/icon.css"> <script type="text/javascript" src="../jquery.js"></script> <script type="text/javascript" src="../jquery.easyui.min.js"></script> <script> $().ready(function(){ $('#cc').change(function(n,o){ alert("改变值!"); //不能触发 }); $('#chooseValue').click(function(){ alert("选择的值为" + jQuery("#cc option:selected").val()); }); }); </script> </head> <body> <h1>ComboBox</h1> <span>Options: </span> <select id="cc" class="easyui-combobox" name="dept" style="width:150px;"> <option value="aa">中华人民共和国</option> <option value="cerc">中文a</option> <option value="crwerc">江西师范大学</option> <option value="crwerc">江西省fdsf</option> <option value="cewrwerc">江西省fsad</option> <option value="cfdsc">江西省sfsadf</option> <option value="ds">江西省asf</option> </select> <input id="chooseValue" type="button" value="选择的值为" onClick="selectValue();"/> </body> </html>下面的选择值按钮事件能触发,值也能获取到. 问题补充：不好意思,上面代码贴错了,]<input id="chooseValue" type="button" value="选择的值为" onClick="selectValue();"/>,应该是
<input id="chooseValue" type="button" value="选择的值为"/>
<script src="${ctx}/js/jquery.js" type="text/javascript"></script> <script src="${ctx}/js/jquery.easyui.min.js" type="text/javascript"></script> <script src="${ctx}/js/calendar.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="${ctx}/css/default/easyui.css"> <link rel="stylesheet" type="text/css" href="${ctx}/css/icon.css"> function driverOnChanage(){ alert("触发了事件"); } <select name="odriver" id="odriver" style="width:120px;" class="easyui-combobox" onchange="driverOnChanage()"> <s:iterator value="dList" var="driver"> <option value="${driver.id}">${driver.driverName}</option> </s:iterator> </select> 这个是文档上的一些内容EventsName Parameters Description
onChange newValue, oldValue Fires when the field value is changed.
$('#odriver').bind('onChange',function(n,o){alert(n);}); 测试了一下,还是没用,我把代码贴给你看一下:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery EasyUI</title> <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../themes/icon.css"> <script type="text/javascript" src="../jquery.js"></script> <script type="text/javascript" src="../jquery.easyui.min.js"></script> <script> $().ready(function(){ $('#cc').change(function(n,o){ alert("改变值!"); //不能触发 }); $('#chooseValue').click(function(){ alert("选择的值为" + jQuery("#cc option:selected").val()); }); }); </script> </head> <body> <h1>ComboBox</h1> <span>Options: </span> <select id="cc" class="easyui-combobox" name="dept" style="width:150px;"> <option value="aa">中华人民共和国</option> <option value="cerc">中文a</option> <option value="crwerc">江西师范大学</option> <option value="crwerc">江西省fdsf</option> <option value="cewrwerc">江西省fsad</option> <option value="cfdsc">江西省sfsadf</option> <option value="ds">江西省asf</option> </select> <input id="chooseValue" type="button" value="选择的值为" onClick="selectValue();"/> </body> </html>下面的选择值按钮事件能触发,值也能获取到. 问题补充：不好意思,上面代码贴错了,]<input id="chooseValue" type="button" value="选择的值为" onClick="selectValue();"/>,应该是
<input id="chooseValue" type="button" value="选择的值为"/>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
