easyui的combobox的onChange事件的实现

最新推荐文章于 2026-05-04 08:12:24 发布

转载最新推荐文章于 2026-05-04 08:12:24 发布 · 588 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/caizhen/p/9185298.html

标签

#javascript #ViewUI

easyui的combobox的onChange事件的实现，直接上代码：

<div style="display:inline;margin-left:15px;">
    <select id="cc" class="easyui-combobox" dataoptions="panelHeight:100" style="width:120px;">   
         <option value="-1">按流通状态显示</option>
         <option value="0">显示滞留商品</option>   
         <option value="1">显示流通商品</option>       
    </select> 
</div>

效果就是下边的下拉框，当我们选择下拉框中的内容后，触发onChange事件

下面是js代码：

 1 /* 根据商品流通状态显示商品 */
 2 $("#cc").combobox({
 3     onChange:function(){
 4         var circulateStatus = $("#cc").combobox("getValue");
 5         if (circulateStatus != -1) {
 6             $("#dg").datagrid({  
 7                 url:"goods/selectGoodsByStatus",
 8                 queryParams: {  
 9                      circulateStatus:circulateStatus      
10                  } 
11             });  
12         }
13     }
14 });

首先根据下拉框的id，取得选中的内容的value,然后将value发送到后台处理。

这里会对value进行判断只是因为下拉款里面value=-1的内容是用户提示内容，选择以后不会触发onChange事件

这里的向后台发送数据，使用的easyui的DataGrid，

url的表示跳转路径

queryParams为传递的参数，当然，向后台发送的参数默认包括page(页数)和rows(每页显示的数量)参数

因为自己用到了，所以在这里做一下笔记

转载于:https://www.cnblogs.com/caizhen/p/9185298.html