Contoh analisis operasi javascript pilih kemahiran elemen

Contoh analisis operasi javascript pilih kemahiran elemen_javascript

WBOY

Lepaskan： 2016-05-16 16:07:17

asal

982 orang telah melayarinya

Contoh dalam artikel ini menerangkan penggunaan javascript untuk mengendalikan elemen pilih. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Di sini, mari kita membiasakan diri dengan pengendalian js pada elemen pilih Cipta borang dalam halaman html, yang mengandungi elemen pilih dan butang hantar.

Tukar teks apabila item dalam pilihan dipilih dan pulihkannya selepas teks semua item dalam pilihan ditukar.

Tutup tetingkap itu sendiri apabila anda menekan hantar Kod adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<title>duang for select elements</title>
<script type="text/javascript">
 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!!!\nand reset it!!!");
   for(var i=0;i<elt.length;++i){
    elt[i].innerHTML = elt[i].innerHTML.replace(/\s\[.*\]/,"")
   }
  }
 }
</script>
</head>
<body>
 <form id="frm_main" action="#" method="post">
  <select id="slt" onchange="do_change(this);">
   <option value="opt_1">opt A</option>
   <option value="opt_2">opt B</option>
   <option value="opt_3">opt C</option>
   <option value="opt_4">opt D</option>
   <option value="opt_5">opt E</option>
  </select>
  <input type="submit" value="close window" onclick="window.close();"/>
 </form>
</body>
</html>

Salin selepas log masuk

Dalam Firefox, nampaknya tetingkap itu sendiri tidak boleh ditutup pada mulanya Kemudian, saya mendapati bahawa tetapan dom.allow_scripts_to_close_windows dalam about:config boleh ditetapkan kepada benar.

Jika pilihan dalam setiap pilihan berubah secara tidak teratur, anda boleh menulis on_change_ex untuk mengendalikannya Kodnya adalah seperti berikut:

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<me.length;++i){
   if(!me[i].is_changed){
    is_all_seleted = false;
    break;
   }
  }
  if(is_all_seleted){
   alert("all duang!!!\nand reset it!!!");
   for(var i=0;i<me.length;++i){
    me[i].innerHTML = me[i].text_bak;
    me[i].is_changed = false;
   }
  }
}

Salin selepas log masuk

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.