JQuery為元素新增/刪除節點例如select_jquery

jQuery取得Select選擇的Text和Value:

複製程式碼 程式碼如下:

var checkValue=jQuery("#select_id").val(); //取得Select選擇的option Value
var checkIndex=jQuery("#select_id ").get(0).selectedIndex; //取得Select選擇的索引值
var maxIndex=jQuery("#select_id option:last"). attr("index"); //取得Select最大的索引值

jQuery新增/移除Select的Option項目：

複製程式碼 程式碼如下:

jQuery("#select_id").append("Text"); //為Select追加一個Option(下拉項目)
jQuery("#select_id").prepend("請選擇"); //為Select插入一個Option(第一個位置)
jQuery("#select_id option:last").remove(); //刪除Select中索引值最大Option(最後一個)
jQuery("#select_id option[ index='0']").remove(); //刪除Select中索引值為0的Option(第一個)
jQuery("#select_id option[value='3']").remove( ); //刪除Select中Value='3'的Option
jQuery("#select_id option[text='4']").remove(); //刪除Select中Text='4'的Option

內容清空：

複製程式碼 程式碼如下:

程式碼如下: