「JavaScript入門」SelectオブジェクトとOptionオブジェクトの使い方

2017年2月17日

1.Selectオブジェクトの作成
function createSelect(){
Select = document.createElement(“select");
diastSelect.id = “diastSelect";
document.body.appendChild(diastSelect);
}

2.optionを追加
function addOption(){
//idによってオブジェクトを検索
var obj=document.getElementById('diastSelect’);
// optionを追加
obj.options.add(new Option(“text","value"));
}
3.すべてのoptionを削除
function removeAll(){
var obj=document.getElementById('diastSelect’);
obj.options.length=0;
}
4.一つのoptionを削除
function removeOne(){
var obj=document.getElementById('diastSelect’);
var index=obj.selectedIndex;
obj.options.remove(index);
}
5.optionの値を取得
var obj=document.getElementById('diastSelect’);
var index=obj.selectedIndex; //選択されたoptionのシリアル番号
var val = obj.options[index].value;

6.optionのtextを取得
var obj=document.getElementById('diastSelect’);
var index=obj.selectedIndex; //選択されたoptionのシリアル番号
var val = obj.options[index].text;

7.optionを修正
var obj=document.getElementById('diastSelect’);
var index=obj.selectedIndex;
var val = obj.options[index]=new Option(“newtextVal","newVal");

8.selectを削除
function removeSelect(){
var diastSelect = document.getElementById(“diastSelect");
diastSelect.parentNode.removeChild(diastSelect);
}