ドロップダウンリストが再び表示されない

私は2つのラジオボタンを持っていますが、そのうちの1つを選択するとドロップダウンリストが表示され、他の1つがマークされるとドロップダウンリストが消えてテキストメッセージが表示されるはずです。ドロップダウンリストが再び表示されない

次のようにこの部分のコードは - ラジオボタンなどの切り替え時

が

 <head> 
    <script type="text/javascript"> 
      function showhide(r){ 
      var t=r.form['mode']; 
      if (r.value=='none') { 
       t.setAttribute('disabled','disabled'); 
       document.getElementById('data').innerHTML="option not supported";   

      } 
      else { 
        t.removeAttribute('disabled'); 

      } 
      t.style.display=r.value; 
      } 
      </script> 
      </head> 

      <body> 
      <table> 
      <tr> 
      <td width="400" height="40">Protocol</td> 
      <td> 
       <table width="100%" name="table"> 
       <tr> 
       <td style="text-align:center"> 
       <input type="radio" name="protocol" value="" id="opt1" align="left" checked="checked" onclick="showhide(this)" />opt1 
       </td> 

       <td style="text-align:center"> 
       <input type="radio" name="protocol" value="none" id="opt2" align="right" onclick="showhide(this)"/>opt2 
       </td> 

       </tr> 
       </table> 

       </td> 
       </tr> 

       <tr> 
       <td width="400" height="40">Mode of Operation</td> 
       <td id="data"> 
       <select name="mode" id="mode"> 
         <option value="opt1">TCP</option> 
         <option value="opt2">UDP</option> 
       </select> 

       </td> 
       </tr> 
       </table> 
     </bdoy>

今テキストメッセージ（「サポートされていないオプション」）が一度表示された後、それが消えませんドロップダウンリストが再び表示されません。どこが間違っていますか？可能であれば、コードを修正してください。は、私を修正してください。..

出典

2011-09-15 Udit Gupta

<td name="data">

が

<td id="data">

出典

2011-09-15 18:45:18

でなければなりませんohkkkk ....私は、「ID」に属性名を変更したが、今そのドロップダウンリストは、開始時に一度表示され、テキストの後ですそれは永続的に表示され、消えず、ドロップダウンリストは表示されません。 –

はい、私はちょうどあなたのjavascriptのHTMLを修正します。再度選択して表示したい場合、innerHTMLは変更しませんが、オプションがサポートされている場合は選択を非表示にして表示します。 –

しかし、私は既に他の行の下にt.style.display = r.valueを追加しています。私はそれを間違っていると思っています。また、隠しが表示されていることを知ることができます。再び。 –

ドロップダウンリストが再び表示されない

答えて

関連する問題