javascript操作select元素の実例分析

本論文の実例は、javascript操作select要素の使い方を述べている.皆さんの参考にしてください.具体的な分析は以下の通りです.
ここではjsのselect要素に対する操作を熟知しています.htmlページにselect要素とsubmitボタンが含まれているformを作成します.
selectの中のいずれかを選択すると、そのテキストを変更し、selectの中のすべての項目のテキストが変更されたら、それらを復元します.
submitを押すと、ウィンドウ自体を閉じます.コードは以下の通りです.

 function do_change(elt){
  var text = elt[elt.selectedIndex].innerHTML;
  if(!text.match(/\[/))
   elt[elt.selectedIndex].innerHTML += " [duang]";
  var is_all_seleted = true;
  for(var i=0;i<elt.length;++i){
   if(!elt[i].innerHTML.match(/\[/)){
    is_all_seleted = false;
    break;
   }
  }
  if(is_all_seleted){
   alert("all duang!!!
and reset it!!!");
   for(var i=0;i<elt.length;++i){
    elt[i].innerHTML = elt[i].innerHTML.replace(/\s\[.*\]/,"")
   }
  }
 }



 

opt A
opt B
opt C
opt D
opt E
firefoxでは最初はウィンドウ自体を閉じられないようですが、about:configにdom.allow_を設定しています.スクリプトto_クローズドwindowsはtrueでいいです.
各selectの中のオプションが変化して規則がないなら、on(u)を書いてもいいです.change_exで処理します.コードは以下の通りです.

function do_change_ex(me){
  var text = me[me.selectedIndex].innerHTML;
  if(!text.match(/\[/)){
   me[me.selectedIndex].text_bak = me[me.selectedIndex].innerHTML;
   me[me.selectedIndex].innerHTML += " [duang]";
   me[me.selectedIndex].is_changed = true;
  }
  var is_all_seleted = true;
  for(var i=0;i 
 

本論文で述べたように、皆さんのjavascriptプログラムの設計に役に立ちます.