js操作の選択とオプション（例で解説）_javascriptスキル-jsチュートリアル-php.cn

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

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

関数 createSelect(){

var mySelect = document.createElement_x("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}

2. オプションを追加します

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

関数 addOption(){

//オプションを追加します

obj.add(new Option("text","value")) //これは IE でのみ有効です

text","value")); //これは IE および Firefox と互換性があります
}

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

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

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

obj.options。長さ=0;

}

4. オプションを削除します

コードをコピーしますコードは次のとおりです:function RemoveOne(){

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

//インデックス、削除するオプションのシリアル番号、ここでは現在選択されているオプションのシリアル番号を取得します
varindex=obj.selectedIndex;

obj.options.remove(index);

}

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

var obj=document.getElementByIdx_x('mySelect');varindex=obj.selectedIndex; //シリアル番号、現在選択されているオプションのシリアル番号を取得しますvar val = obj.options[index ].値

6. オプション

のテキストを取得します。 var obj=document.getElementByIdx_x('mySelect');varindex=obj.selectedIndex; //シリアル番号、現在選択されているオプションのシリアル番号を取得します

var val = obj.options[index ].テキスト;

7. オプションの変更

var obj=document.getElementByIdx_x('mySelect');varindex=obj.selectedIndex; //シリアル番号、現在選択されているオプションのシリアル番号を取得します

var val = obj.options[index ]=新しいオプション ("新しいテキスト","新しい値");

8. 削除選択

コードをコピーコードは次のとおりです:functionremoveSelect(){

var mySelect = document.getElementByIdx_x("mySelect");

mySelect.parentNode.removeChild(mySelect);
 }


完全なインスタンス コードは次のとおりです: 

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

< select id="area" onchange="choice()">

修正版：選択中の追加、修正、删除オプション元素

复制代码代码如下:

function watch_ini(){ // 最初の
for(var i=0; ivar word = document.createElement_x("OPTION");
word.text = argument[i];
watch.keywords.add(word); // 時計。 is form name
}
}
function watch_add(f){ // 增加
var word = document.createElement_x("OPTION");
word.text = f.word.value ;
f.keywords.add(単語); 
}

ただし、上記の add() メソッドは、IE の下にのみ存在し、FF と Opera を両立するために、上記の代码进行了一下修正进、修正後代码如下:

复制代码代码如下:

function watch_ini(){ // 最初の
for(var i=0; i var oOption=new Option(arguments[i],arguments[i] ]);
 document.getElementByIdx_x("MySelect")[i]=oOption;
}
}
function watch_add(f){ // 增加
 var oOption=new Option(f .word.value,f.word.value);
 f.keywords[f.keywords.length]=oOption;
}

整个实例の完全整代码如下：

复制代码代码如下:

javascript select options text value

<スクリプト言語=" javascript">

< /script>