㈠ 前端,關於下拉選擇
select標簽構成的下拉框和jquery通過js構建的下拉框用法一樣。例如:
html下拉框:
js控制的下拉框:
兩者的本質是相同的,但是,select標簽創建的下拉框會默認選中第一個選項。而js控制的下拉框默認是不會選中任何選項的。
當然select標簽的默認選項可以通過為option標簽添加selected屬性設置。
而js控制的下拉框可以通過$("id").combobox('setValue',value);設置初始值。
下拉框的默認值的獲取方式:
$("id").next().children(":text").val()或者$("id").combobox("getValue").
遇到的問題是:下拉框默認選中第一個,但是沒有觸發選中時候的相應事件。
解決方法: onchange從這個名稱就可以看出,只有在select的選項有改變(change)的時候才會觸發這個事件的。一般情況下select的第一個選項是默認選項,當你選中第一個項時,由於值沒有改變,所以是不會觸發onchange事件的。解決這個問題並沒有什麼完美的辦法,一般你可以增加一個空值的項作為第一選項,比如<option>請選擇</option>,這樣原來的第一項就變成了第二項,點擊該項值就有所改變了,就會觸發onchange事件了;或者把除第一項外的其他項設為默認值,這樣點擊第一項也會觸發事件的。