select的一些方法

2021-07-05 23:24:53 字數 1505 閱讀 7570

// 新增

function col_add()

// 刪除

function col_delete()

// 清空

function col_clear()

以上方法為jquery動態新增、刪除和清空select。下面是純js的寫法:

. **如下:

var sid = document.getelementbyid("myselect");

sid.options[sid.options.length]=new option("text","value");   // 在select最後新增一項

其他常用的方法:

. **如下:

$("#myselect").change(function());    //select選中項改變時觸發

// 獲取select值

var text=$("#myselect").find("option:selected").text();   //獲取select選中項的text

var value=$("#myselect").val();   //獲取select選中項的value

var value=$("#myselect option:selected").attr("value");   //獲取select選中項的value

var index=$("#myselect").get(0).selectedindex;   //獲取select選中項的索引值,從0開始

var index=$("#myselect option:selected").attr("index");   //不可用!!!

var index=$("#myselect option:selected").index();   //獲取select選中項的索引值,從0開始

var maxindex=$("#myselect option:last").attr("index");   //不可用!!!

var maxindex=$("#myselect option:last").index();//獲取select最大索引值,從0開始

$("#myselect").prepend("text");   //select第一項前插入一項

// 設定select值

//根據索引設定選中項

$("#myselect").get(0).selectedindex=index;//index為索引值 

//根據value設定選中項

$("#myselect").attr("value","newvalue"); 

$("#myselect").val("newvalue"); 

$("#myselect").get(0).value = value; 

//根據text設定對應的項為選中項

var count=$("#myselect option").length; 

for(var i=0;i// 清空select

$("#myselect").empty();

jquery的一些select操作小記

新增option id option each function 移除option 取得下拉列表的選取值 testselect option selected text testselect find option selected text testselect val 根據option的值選中下...

select 對數值的一些處理ceil floor

trunc value,precision 按精度 precision 擷取某個數字,不進行捨入操作。2 round value,precision 根據給定的精度 precision 輸入數值。3 ceil value 產生大於或等於指定值 value 的最小整數。4 floor value 與 ...

jquery操作select的一些基本方法總結

t1 建立乙個新的select var newselect 注意轉義 t2 建立乙個新的option var option 1 t5 清除select的option選項 sel option value 1 remove 移除 value 值為 1 的 option sel option index...