Question

我有一个代码可以让我显示div id =＆＃39; yestext＆＃39;什么时候＆＃39;是＆＃39;在下拉框中选中。但这不起作用。我不知道什么不起作用，但显然不是。

JS

    function text() {
        if (document.getElementById("text").selectedIndex == "0") {
          document.getElementById("yestext").style.display = "block";
        } 
        else {
          document.getElementById("yestext").style.display = "none";
        }
    }

HTML

 <select id='text' onchange='text()'>
   <option value="0">Yes</option>
   <option value="1">No</option>
 </select>
 <div style='display:none;' id='yestext'>
   What text would you like displayed?
   <input type='text' class='text' name='type' value size='20'/>
 </div>

这是包含我的代码的JSFiddle：http://jsfiddle.net/4w9fh/

Answer 1

你的代码很好。你有JSFiddle设置在OnLoad中运行你的代码并且它包装了text()函数，所以它没有将它添加到全局命名空间。我通过将js移动到头部来修复它，现在它可以工作了。

当html完成加载时我也调用text()函数来考虑浏览器记住最后一个选项。

这是更新的代码。 http://jsfiddle.net/4w9fh/2/

Javascript selectedindex不起作用

1 个答案: