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

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. );}