首页 前端知识 真解决EasyUi的 select 使用 class=“easyui-combobox“ 样式绑定onSelect/onChange事件

真解决EasyUi的 select 使用 class=“easyui-combobox“ 样式绑定onSelect/onChange事件

2024-02-05 11:02:29 前端知识 前端哥 339 840 我要收藏

项目需要根据已有的内容来限制select选择框的改动,如果已经有值禁止从新select,但是不知道怎么拦截select的变化!在不使用easyui-combobox样式时,很容易获取,但是easyui-combobox样式改变了组件的结构,难受!

网上搜了很多,不知道为什么都用不了,估计是我的问题吧!

 无效!无效!无效!

添加后变成了

 不让选择!!!!!

研究了很久后,发现其实很简单!

<td align="left" style="width: 70px">
    <select class="easyui-combobox" id="pickType" name="pickType" style="width: 90px;" data-options="onChange:function(rec){updateChange(rec)}">
        <option value="0" selected>智能拣货</option>
        <option value="1">精准拣货</option>
    </select>
</td>

 

<td align="left" style="width: 70px">
    <select class="easyui-combobox" id="pickType" name="pickType" style="width: 90px;" data-options="onSelect:function(rec){updateSelect(rec)}">
        <option value="0" selected>智能拣货</option>
        <option value="1">精准拣货</option>
    </select>
</td>

 

function updateChange(data) {
   console.log(data)
}

function updateSelect(data) {
   console.log(data.value)
}

 

这样就能拦截到选择结果并针对性调整啦!

 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/1405.html
标签
easyui
评论
会员中心 联系我 留言建议 回顶部
复制成功!