cari

Rumah  >  Artikel  >  hujung hadapan web  >  Kaedah JS untuk menukar atribut pilihan dalam kemahiran select_javascript

Kaedah JS untuk menukar atribut pilihan dalam kemahiran select_javascript

WBOY
WBOYasal
2016-05-16 15:36:421990semak imbas

Contoh dalam artikel ini menerangkan kaedah menukar atribut pilihan dalam pilih menggunakan JS. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Bantu rakan menyelesaikan masalah kecil Keperluan adalah untuk menukar nilai teks yang dipaparkan dalam tab yang dipilih dan nilai baharu disimpan dalam kotak teks tertentu

Tetingkap awal: 

<html>
 <head>
  <title>原窗口</title>
  <script>
   var parentValue=""; //全局变量，用于保存点击详情时select中指定opeion的值
   function detail() {
    var select=document.getElementById('SHGX'); //获得select对象
    parentValue=select.options[select.selectedIndex].text; 
    window.open('详情窗口.html')
   }
   function updateSelect(childValue) {
    var select=document.getElementById('SHGX'); 
    for(var i=0;i<select.length;i++) {
     if(select.options[i].text==parentValue) 
      select.options[i].text=childValue;
    }    
   }
  </script>
 </head>
 <body>
  <select id='SHGX'>
   <option value='111' title='夫'>夫</option>
   <option value='112' title='妻'>妻</option>
   <option value='120' title='子'>子</option>
   <option value='121' title='独生子'>独生子</option>
   <option value='122' title='继子'>继子</option>
   <option value='128' title='女婿'>女婿</option>   
  </select>
  <button onclick="detail(); ">详情</button>
 </body>
</html>

Tetingkap butiran: 

<html>
 <head>
 <title>详情窗口</title>
 <script>
  function modify() {
  var childValue=document.getElementById('text_01').value;
  opener.updateSelect(childValue); //调用父窗口的函数
  }
 </script>
 </head>
 <body>
 <input id="text_01" type="text" value=""/>
 <button onclick="modify();">修改</button>
 </body>
</html>

Saya harap artikel ini akan membantu 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：JS menyedari kesan tab halaman web mudah kemahiran switching_javascript berjadual automatikArtikel seterusnya：JS menyedari kesan tab halaman web mudah kemahiran switching_javascript berjadual automatik

Artikel berkaitan

Lihat lagi