Html 下拉列表不再出现_Html - Fatal编程技术网

Html 下拉列表不再出现

html

Html 下拉列表不再出现,html,Html,我有两个单选按钮，我想要的是，当我选择其中一个按钮时，应显示一个下拉列表，当另一个按钮被标记时，下拉列表应消失，而不是显示一条文本消息此部分的代码如下所示- <head> <script type="text/javascript"> function showhide(r){ var t=r.form['mode']; if (r.value=='none') {

我有两个单选按钮，我想要的是，当我选择其中一个按钮时，应显示一个下拉列表，当另一个按钮被标记时，下拉列表应消失，而不是显示一条文本消息

此部分的代码如下所示-

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

现在，文本消息选项“不受支持”显示一次，然后在单选按钮之间切换时不会消失，因此下拉列表不会再次出现。我哪里出错了？？如果可能，在代码中进行更正。请纠正我

 <td name="data">

一定是

 <td id="data">

Ohkkk…我将属性名更改为“id”，但现在下拉列表在开始时显示一次，在文本显示后，它将变得永久。并且不会消失，下拉列表也不会出现。是的，我只是更正了javascript的html。如果要再次显示选择，则不应更改innerHTML，但是隐藏选择并在支持选项时显示它。但是我已经在else t.style.display=r.value下面添加了一行。我认为它应该是正确的。而且，如果它是错误的，那么据我所知，可以使用display进行隐藏：无，但要再次显示它时使用的是什么。在您更改innerHTML for td后，其中没有更多的收音机。