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/

相关文章:

html - div中文本的奇怪填充/边距

javascript - 如何使用 jquery 将段落的原始文本格式放入 html 段落元素中?

javascript - 处理一个非常奇怪的 gChrome/Javascript 问题

javascript - 在同一个 js 文件中使用 React 和 React Native 库

javascript - 单击另一个 tr 时,使用 javascript/jQuery 显示下一个 tr

Javascript 如何使用自定义增量构建选项标签

html - 2 个 div 以 75% 和 25% 彼此相邻对齐

javascript - ng-click 在 Ionic 应用程序中的项目内部不起作用

Javascript window.open 在 Win7 x64 上的 32 位 IE8 中返回 null

HTML/CSS 背景图像问题