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的值時就會收到客戶端的響應，彈出一個“我是老大!“的對話框！