JQuery EasyUI内Combobox的onChange事件

阳光穿透心脏的1/2处 2023-10-11 12:35 43阅读 0赞

今天搞Combobox的onChange事件搞了一下午，前端搞得我要吐血了。。。

最后找到一个合适的方法，记录一下。

**1、原始方法**

我想写个html代码的都对下拉选择标签select不陌生，关于这个标签，在不加任何渲染的情况下，想要触发其onchange事件是很简单的一件事情，如下：

<select id="sOne" οnchange="getVal()">

<option value="0">STEP DAY</option>

<option value="1">DAY</option>

</select>

紧接着书写js函数getVal()即可实现。

**2、遇到曹操就没辙了**

但是，当我们用EasyUI的CSS和JS来选择了select过后，想要向上面一样来触发其onchange事件，那就不行了的。如下：

<select id="sTwo"  class="easyui-combobox" multiple="true" panelheight="auto" style="width: 100px" οnchange="getValTwo()">

<option value="">STEP DAY</option>

<option value="1">STEP</option>

<option value="0">DAY</option>

</select>

这里提供了一个js函数如下：

function getValTwo()

\{

alert("Success!");

\}

不管我们如何地点击select，始终都得不到客户端页面的响应，给你弹出一个Success!的窗体。

**3、那么我们应该怎么办呢？**

这里我们需要知道在EasyUI内的Combobox，有哪些事件才对的，我们可以翻开其帮助文档，其中有一个onChange事件，需要传递两个参数(newVal,oldVal)，我们如何来注册这个事件以便后期响应呢？方法如下：

$(document).ready(function () \{

$("\#sTwo").combobox(\{

onChange: function (n,o) \{

alert("我是老大!");

\}

\});

\});

通过如上矫正过后，我们在切换select的值时就会收到客户端的响应，弹出一个“我是老大!“的对话框！

发表评论取消回复

表情：

评论列表（有 0 条评论，43人围观）

还没有评论，来说两句吧...

相关阅读

相关 EasyUI combobox(组合框)绑定onChange事件

HTML代码： <input type='text' id='text1' /> JS代码： $('text1').combobox({

心已赠人/ 2023年10月05日 14:02/ 0 赞/ 45 阅读

相关 jquery easyui combobox

普通的combobox： <input id="brandid_C" class="easyui-combobox" name="brandid" d

爱被打了一巴掌/ 2022年08月23日 11:53/ 0 赞/ 229 阅读

相关 easyui combobox

<div id=id+"_type"></div><span style="white-space:pre"> </span> var data=[

雨点打透心脏的1/2处/ 2022年07月21日 08:56/ 0 赞/ 202 阅读

相关 Easyui combobox onChange事件

Easyui combobox onChange事件：注册事件： $(function () { $('cc_id').combob

比眉伴天荒/ 2022年07月18日 05:55/ 0 赞/ 227 阅读

相关 combobox onchange事件

$('\projectStyle').combobox(\{ onChange: function (n, o)

ゞ浴缸里的玫瑰/ 2022年06月13日 13:13/ 0 赞/ 274 阅读

相关 jquery 获取easyui combobox选中的值

jquery 获取easyui combobox选中的值 $('\comboboxlist').combobox(' getText '); 所有选中的值对

r囧r小猫/ 2022年05月26日 04:24/ 0 赞/ 327 阅读

相关 Easyui combobox的onChange事件、回显

一、onchange事件 $('\selectZgcs').combobox(\{ onChange: function (ne

落日映苍穹つ/ 2022年05月21日 06:42/ 0 赞/ 362 阅读

相关 JQuery EasyUI combobox动态添加option

<input class="easyui-combobox" id="rwlb" name="rwlb" style="width:435px" data-option

谁践踏了优雅/ 2022年03月27日 09:35/ 0 赞/ 362 阅读

相关 easyui日期空间easyui-datebox onchange事件不起作用

使用data-options="onSelect:onChangeDate" <input data-options="onSelect:onChangeDate"

╰半夏微凉°/ 2021年12月22日 11:15/ 0 赞/ 342 阅读

相关 easyui日期控件datebox的onchange事件

<input type="text" id="date_" name="date_" class="easyui-datebox" data-options="onSe

缺乏、安全感/ 2021年09月27日 16:30/ 0 赞/ 788 阅读