выпадающий список не появляется снова

У меня есть две радиокнопочка, что я хочу, так это то, что когда я выбираю один из них, тогда должен появиться раскрывающийся список, а когда другой отмечен, выпадающий список должен исчезнуть, а вместо него текст должно отображаться сообщение.выпадающий список не появляется снова

Код этой части заключается в следующем -

 <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 .... Я изменил имя атрибута «ид», но теперь, когда выпадающий список появляется сразу при запуске и после того, как текст отображается, он становится постоянным .. и не исчезает, и выпадающий список не отображается. –

Да, я просто исправлю html для вашего javascript. Если вы хотите снова отобразить выбор, вы не измените innerHTML, но спрячьте select и покажете его, когда поддерживается опция. –

, но я уже добавил строку ниже. T.style.display = r.value. Я думаю, что это shud wrk.Also, если его неправильное, то также, насколько я знаю, скрытие может быть сделано с помощью display: none, но что использовать для его отображения еще раз. –

выпадающий список не появляется снова

ответ

Смежные вопросы