隐藏时重置下拉菜单

Question

我有一个表单，它使用一个由单选按钮切换的下拉菜单。但是，如果菜单被隐藏，我会尝试清除菜单选择。我正在使用 JavaScript 显示/隐藏下拉菜单，但隐藏时似乎无法清除下拉菜单。

这是我目前拥有的 JavaScript，任何见解都将不胜感激：

<script type="text/javascript">
                        if(document.readyState === "complete")
                        {
                            if (document.getElementById('yesCheck').checked) {
                                document.getElementById('DropDownList').style.visibility = 'visible';
                            }
                        }
                        function yesnoCheck() {
                            if (document.getElementById('yesCheck').checked) {
                                document.getElementById('DropDownList').style.visibility = 'visible';
                            }
                            else {
                                document.getElementById('DropDownList').style.visibility = 'hidden';
                                var elements = document.getElementById("DropDown").options;

                                for(var i = 0; i < elements.length; i++){
                                  elements[i].selected = null;
                                }
                            }
                        }   

Answer 1

试试这个

document.getElementById("DropDownList").selectedIndex = "0";

http://www.w3schools.com/jsref/prop_select_selectedindex.asp