1

我制作了一个显示/隐藏下拉列表的脚本， onClick这里是代码。

HTML： 

 <input type="checkbox" name="user_choice" id="user_choice" onclick="checktoggle();"/>
 <label for="user_choice">Show Map</label>
 </br>
 <select name="radius_out_map" id="radius_out_map" style="display:none">
     <option value="0">-- Select Distance Radius --</option>
     <option value="10">10 Km.</option>
     <option value="20">20 Km.</option>
     <option value="50">50 Km.</option>
     <option value="100">100 Km.</option>
     <option value="300">300 Km.</option>
     <option value="500">500 Km.</option>
 </select>

JAVASCTIPT：

<script language="javascript">
    function checktoggle() {
        var textboxid = document.getElementById('radius_out_map');
     if (textboxid.style.display == 'none') {
         textboxid.style.display = 'show';
     }
     else {
         textboxid.style.display = 'none';
     }
}
</script>

为什么这个脚本不起作用？

4

3 回答 3

5

代替

textboxid.style.display = 'show'

用这个：

textboxid.style.display = 'block'

show 不是有效的显示选项，请使用内联或块显示元素。

在此处检查有效值列表

于 2012-06-07T06:32:26.243 回答
2

“显示”无效。您将需要使用“内联”或“阻止”

于 2012-06-07T06:32:34.417 回答
0

改变

textboxid.style.display = 'show'

到

textboxid.style.display = 'block'

显示无效。

于 2012-06-07T06:34:29.547 回答