cari

Rumah >hujung hadapan web >tutorial js >Contoh analisis operasi javascript pilih kemahiran elemen_javascript

Contoh analisis operasi javascript pilih kemahiran elemen_javascript

WBOY
WBOYasal
2016-05-16 16:07:17983semak imbas

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>

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;
   }
  }
}

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

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Kemahiran analisis_javascript contoh objek pembungkusan JavaScriptArtikel seterusnya：Kemahiran analisis_javascript contoh objek pembungkusan JavaScript

Artikel berkaitan

Lihat lagi