下拉列表中不再出現

我有兩個單選按鈕，我想要的是，當我選擇其中一個時，應該會出現一個下拉列表，當另一個標記時，下拉列表應該消失，而不是文本應該顯示消息。下拉列表中不再出現

對於這一部分的代碼如下 -

 <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」，但現在，下拉列表在開始出現一次，後面的文本是顯示它變得永恆......並不會消失，並且下拉列表不會出現。 –

是的，我只是正確的HTML爲您的JavaScript。如果你想再次顯示選擇，你不會改變innerHTML，但隱藏選擇並支持選項時顯示它。 –

但我已經添加了下面的其他行t.style.display = r.value我認爲它可以避免wrk.Also如果它錯了，那麼我也知道隱藏可以使用display來完成：none但是用來顯示它再次。 –

下拉列表中不再出現

回答

相關問題