JS操作選択ドロップダウンボックスの動的変更(作成/削除/取得)

JS操作選択ドロップダウンボックスの動的変更(作成/削除/取得)_javascriptスキル

WBOY

リリース： 2016-05-16 17:33:03

オリジナル

1165 人が閲覧しました

1. 動的に select を作成します

コードをコピーコードは次のとおりです。

 
function createSelect() { 
var mySelect = document.createElement_x("select"); 
mySelect.id = "mySelect"; 
document.body.appendChild(mySelect);

2 .オプションの追加 option

コードをコピーコードは次のとおりです:

function addOption (){ 
 //ID に基づいてオブジェクトを検索します、
var obj=document.getElementByIdx_x('mySelect'); 
//オプションを追加します 
obj.add(new Option("text" ,"value")); 
} 

 

3. すべてのオプションを削除します。

コードコードは次のとおりです。

function RemoveAll(){ 
var obj=document.getElementByIdx_x('mySelect'); 
obj.options.length=0; >} 

 
4. オプションの削除 

コードをコピーコードは次のとおりです。 🎜> function RemoveOne(){

var obj=document.getElementByIdx_x('mySelect');

//index、オプションのシリアル番号を削除します。ここでは、オプションのシリアル番号を取得します。現在選択されているオプション 
varindex=obj.selectedIndex; 
obj.options.remove(index); 

 
5. オプションの値を取得します。 

コードをコピーします

コードは次のとおりです。 var obj=document.getElementByIdx_x('mySelect'); varindex=obj.selectedIndex; //シリアル番号、現在選択されているオプションのシリアル番号を取得します var = obj.options[index].value;

6.オプションのテキストを取得しますoption

コードをコピー

コードは次のとおりです: var obj= document.getElementByIdx_x('mySelect'); varindex=obj.selectedIndex; //シリアル番号、現在選択されているオプションのシリアル番号を取得しますvar = obj.options[index].text; >

7. オプションの変更

コードをコピー

コードは次のとおりです: var obj=document.getElementByIdx_x('mySelect'); varindex=obj.selectedIndex; //シリアル番号、現在選択されているオプションのシリアル番号を取得します var val = obj.options[index ]=new Option("新しいテキスト","新しい値");

8. 削除選択

コードをコピー

コードは次のとおりです。 function RemoveSelect(){ var mySelect = document.getElementByIdx_x("mySelect"); mySelect. );}