jQuery動態新增刪除select項

2021-06-18 04:47:20 字數 1463 閱讀 5674

// 新增

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

jquery動態新增,刪除class樣式

獲取class和設定class都可以使用attr 方法來完成。例如使用attr 方法來獲取p元素的class,jquery 如下 var p class p attr class 獲取p元素的class 使用attr 方法來設定p元素的class,jquery 如下 p attr class hig...

jquery及js動態新增刪除option示例

js動態新增 var sel document.getelementbyid selectid sel.options.add new option 請選擇 sel.options.add new option name id js動態動態刪除所有option document.getelement...

jquery 新增 刪除元素

注意struts2標籤中寫法 value class normalbtu value 提交 nclick fun jquery有增加和刪除元素的方法。主要分為內部插入,外部插入,包裹,替換,刪除。內部插入主要方法 prepend content 向每個匹配的元素內部前置內容。外部插入 after c...