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

2021-08-09 04:09:15 字數 1025 閱讀 7002

js動態新增:

var sel= document.getelementbyid("selectid"); 

sel.options.add(new option("請選擇",""));

sel.options.add(new option("name","id"));

js動態動態刪除所有option:

document.getelementbyid("selectid

").length=0;

js刪除乙個選項option:

(var

obj=document.getelementbyid(

'myselect'

);

varindex

=obj.selectedindex;

//序號,取當前選中選項的序號

varval = obj.options[

index

].value; //option值

varval = obj.options[

index

].text; //option文字

varval= obj.options[index]=

newoption(

"新文字"

,"新值"

); //修改當前option)

function

removeone

()

js刪除select

function

removeselect

()

jquery動態新增option:

jquery動態刪除所有option:

$("#selectedid option").remove();

jQuery動態新增刪除select項

新增 function col add 刪除 function col delete 清空 function col clear 以上方法為jquery動態新增 刪除和清空select。下面是純js的寫法 var sid document.getelementbyid myselect sid.op...

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...

JS動態新增option和刪除option

1.動態建立select function createselect 3.刪除所有選項option function removeall 4.刪除乙個選項option function removeone 5.獲得選項option的值 var obj document.getelementbyid ...