JQuery EasyUI內Combobox的onChange事件


1、原始方法

我想寫個html代碼的都對下拉選擇標簽select不陌生,關於這個標簽,在不加任何渲染的情況下,想要觸發其onchange事件是很簡單的一件事情,如下:

<select id="sOne" onchange="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" onchange="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的值時就會收到客戶端的響應,彈出一個“我是老大!“的對話框!

打賞

免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2021 CODEPRJ.COM