選択制御オプションのオプションを追加、削除、変更、確認するためのJSサンプルコード_javascriptスキル

Javascript 操作 select は一般的なタイプのフォームです。動的 JS 操作 select でよく使用されるメソッドをいくつか示します。

コードをコピー コード

//動的に select
function createSelect()
{
var mySelect = document.createElement("select"); = "mySelect";
document.body.appendChild(mySelect);

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

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

function addOption()
{
// ID、
var に基づいてオブジェクトを検索します。 obj=document .getElementById('mySelect');
//オプションを追加します
obj.add(new Option("text","value")) //これは IE でのみ有効です
obj.options.add(new Option("text","value")) //これは IE と Firefox と互換性があります
}

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

//すべてのオプションを削除しますoption

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

コードをコピーします🎜> コードは次のとおりです。 // オプションを削除します。option function RemoveOne()

{

var obj=document.getElementById( 'mySelect');
// インデックス、オプションのシリアル番号を削除するには、現在選択されているオプションのシリアル番号を取得します
varindex=obj.selectedIndex;
obj.options.remove(
}

コードをコピーします

コードは次のとおりです: // オプションのテキストを取得します var obj=document. getElementById('mySelect');

var index=obj.selectedIndex; // 現在選択されているオプションのシリアル番号を取得します。

var val = obj.options[index].text;

コードをコピー

コードは次のとおりです。次のように: //オプションを変更します var obj=document.getElementById ('mySelect');

varindex=obj.selectedIndex; //シリアル番号を取得します。現在選択されているオプションの番号

var val = obj.options[index]=new Option("新しいテキスト","新しい値 ");