Question

我已经尝试了很多方法来做到这一点，但这是不对的：

<html>
    <head>
        <title>Select</title>
    </head>
    <body>
        <select name="test">
            <option value="one">1</option>
            <option value="two">2</option>
            <option value="three">3</option>
        </select>
        <script>
        if (test=="two") {
            document.write("two!");
        }
        </script>
    </body>
</html>

如果用户选择＆＃34;两个＆＃34;我想让屏幕上出现一些内容。但这不起作用。

Answer 1

我认为这可能会对你有所帮助

<select name="test" id="mySelect" onchange="myFunction()">
<option value="one">1</option>
<option value="two">2</option>
<option value="three">3</option>
</select>

<p id="demo"></p>

<script>
function myFunction() {
    var x = document.getElementById("mySelect").value;
    if(x == "two"){
       document.getElementById("demo").innerHTML = "You selected: " + x;
    }
}
</script>

看一看 http://jsfiddle.net/snsbbytw/

Answer 2

我猜你必须听取选择的改变事件。

document.getElementsByName("test")[0].addEventListener("change", function(e) {
   if (e.target.value === "two") { // not sure if it's e.targe.value, and this might not work in all browsers
       document.write("two!");
   }
}

Answer 3

您可能正在寻找onChange事件

<select name="test" onchange="console.log(this.value)">

避免使用document.write，因为它会替换文档输出。当然，避免使用内联脚本;）

如何在HTML中使用带有select标记的if语句（JavaScript）？

3 个答案: