ドロップダウンリスト( = プルダウンメニュー = オプションメニュー)の内容を動的にJavaScriptで書き換えます
このようなHTMLの場合
<form name="FM"> <select name="myselect" > <option value="value_aaa">AAA</option> <option value="value_bbb">BBB</option> </select> </form>
このようなスクリプトで変更出来ます。
opt_array = [
{ text: 'メニュー1', value: 'menu1' } ,
{ text: 'メニュー2', value: 'menu2' } ,
{ text: 'メニュー3', value: 'menu3' }
];
_create_dropdownlist( 'FM', 'myselect', opt_array )
function _create_dropdownlist( form_name, select_name, select_array ){
// length
document[form_name][select_name].length = select_array.length;
// text, value
var i;
for ( i=0; i<select_array.length; i++){
document[form_name][select_name].options[i].text = select_array[i].text;
document[form_name][select_name].options[i].value = select_array[i].value;
}
}
起動方法は
_create_dropdownlist( フォーム名, selectタグのname, 設定したいメニューのハッシュの配列 )
です。