js 操作select和option常見用法

1、獲取選中select的value和text,html

one

twothree

通過以下script**s來獲取選中的value和text

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

獲取選中記錄的value值
$("#myselect option:selected").text(); //
獲取選中記錄的text值

2、運用new option("文字","值")方法新增選項option

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

obj.add(
new option("4","4"));

3、刪除所有選項option

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

obj.options.length = 0;

4、刪除選中選項option

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

var index =obj.selectedindex;
obj.options.remove(index);

5、修改選中選項option

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

var index =obj.selectedindex;
obj.options[index] = new option("three",3); //
更改對應的值
obj.options[index].selected = true; //
保持選中狀態

6、刪除select

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

obj.parentnode.removechild(obj); 
//移除當前物件

7、select選擇的響應事件

$("#myselect").change(function())

1.動態建立select

function

createselect()

2.新增選項option

function

addoption()

3.刪除所有選項option

function

removeall()

4.刪除乙個選項option

function

removeone()

5.獲得選項option的值

var obj=document.getelementbyidx_x('myselect');

var index=obj.selectedindex; //
序號，取當前選中選項的序號
var val = obj.options[index].value;

6.獲得選項option的文字

var obj=document.getelementbyidx_x('myselect');

var index=obj.selectedindex; //
序號，取當前選中選項的序號
var val = obj.options[index].text;

7.修改選項option

var obj=document.getelementbyidx_x('myselect');

var index=obj.selectedindex; //
序號，取當前選中選項的序號
var val = obj.options[index]=new option("新文字","新值");

8.刪除select

function

removeselect()

JS簡單操作select和dropdownlist

請選擇 是否 js操作伺服器控制項dropdownlist 選項0 選項1 選項0選項1 js document.getelementbyid ddlfolder value 0 0為你要選中的項的value 2.根據text值設定選中某項 var dropdownlistcurrencynew d...

js操作select標籤

select的動態新增 刪除 移動 獲取選中項的值 排序等等操作。function addoption obj,text,value,title seltarget.add op 1 向select裡新增option ie only,ff不支援add方法 function fnadditem tex...

js對 select相關操作

1.通過js 獲取 html中select 所有值，選中的值，獲取對應的顯示內容，增加，刪除等操作。a.獲取值 常見方法，先獲取select物件，然後通過options獲取所有的子列表。如 獲取物件 var selectobj document.getelementbyid 獲取下拉列表長度 var...