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