欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS對select控件option選項的增刪改查示例代碼

 更新時間：2013年10月21日 16:23:30   作者：  
Javascript操作select是表單中比較常見的，大家可以在網(wǎng)上搜索到很多的相關(guān)資料，接下來為大家詳細介紹下，JS動態(tài)操作select中的各種方法，感興趣的朋友可以參考下
Javascript 操作select是表單中常見的一種,下面介紹幾種常用的JS動態(tài)操作select中的各種方法：
復(fù)制代碼 代碼如下:

//動態(tài)創(chuàng)建select
function createSelect()
{
var mySelect = document.createElement("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}

復(fù)制代碼 代碼如下:

//添加選項option
function addOption()
{
//根據(jù)id查找對象，
var obj=document.getElementById('mySelect');
//添加一個選項
obj.add(new Option("文本","值")); //這個只能在IE中有效
obj.options.add(new Option("text","value")); //這個兼容IE與firefox
}

復(fù)制代碼 代碼如下:

//刪除所有選項option
function removeAll()
{
var obj=document.getElementById('mySelect');
obj.options.length=0;
}

復(fù)制代碼 代碼如下:

//刪除一個選項option
function removeOne()
{
var obj=document.getElementById('mySelect');
//index,要刪除選項的序號，這里取當(dāng)前選中選項的序號
var index=obj.selectedIndex;
obj.options.remove(index);
}

復(fù)制代碼 代碼如下:

//獲得選項option的文本
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序號，取當(dāng)前選中選項的序號
var val = obj.options[index].text;

復(fù)制代碼 代碼如下:

//修改選項option
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序號，取當(dāng)前選中選項的序號
var val = obj.options[index]=new Option("新文本","新值");

相關(guān)文章

最新評論