javascript - 如何在 HTML 中将 if 语句 (JavaScript) 与 select 标签一起使用?

标签 javascript html

我尝试了很多方法来做到这一点,但这是不对的:

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

如果用户选择“两个”,我想让屏幕上出现一些内容,但这不起作用。

最佳答案

我想这可能对你有帮助

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

关于javascript - 如何在 HTML 中将 if 语句 (JavaScript) 与 select 标签一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32678493/

相关文章:

javascript - 如何在无限循环中等待函数完成?

javascript - 使用 HTML 中的 html 部分 chop 或汇总文本

php - 使用 PHP 在 MySql 数据库中查询时未找到匹配项

html - 过渡高度,向两侧变大

javascript - 如何在 jquery 中从其他基于组的索引设置事件类一个组元素?

javascript - Google Places API 仅返回 1 个结果

javascript - 未知的 JavaScript 错误 - 函数仅运行第一行代码

javascript - MEAN 堆栈路由问题, Angular 路由不起作用

javascript - 类型错误 : cb is not a function - with callback

html - div 中的 css div 以错误的方式重叠