排序Select中Option項的乙個示例

2021-04-17 06:03:35 字數 682 閱讀 9466

form中的select控制項不支援對選擇項(option)的排序,下面我將對option中value屬性值進行排序,並調整每個option

排序後的位置,具體**如下(這裡假設每個option中的value與其中的text內容相同):

該函式運用了array(陣列)物件的排序(sort)方法,實現了select

排序。function sortme(osel)

// 將排序後的陣列重新新增到select中

for (i = 0; i < arr.length; i++)

}下面的示例演示了乙個按公升序排序的select

<

select id=sort_test> <

option value=bathroom

selected>bathroom

option> <

option value=article>article

option> <

option value=bath>bath

option> <

option value=art>art

option> <

option value=cutehtml>cutehtml

option> <

option value=cute>cute

option>

select>

select中option選項操作

一 jquery獲取select選擇的text和value 1 獲取select選擇的text var checktext jquery select id find option selected text 2 獲取select選擇的option value var checkvalue jque...

SELECT中OPTION元素的顯示隱藏

在chrome和firefox瀏覽器中,有兩種方式控制顯示隱藏。1 option元素的hidden屬性,true為隱藏,false為顯示 2 option元素的style.display設定為none則為隱藏 這兩種方式都可以通過js來控制。在ie中,很麻煩,上面兩種方式都不支援,目前的辦法是給外面...

JQ動態生成select中的option

jquery獲取select選擇的text和value 1.select id change function 為select新增事件,當選擇其中一項時觸發 2.var checktext select id find option selected text 獲取select選擇的text 3.v...