在JavaScript中，如何使选择某个选项时弹出一个窗口

Question

所以这是使用 javascript 和 HTML。

例如：

<select name='test' >
    <option value='1'>
    <option value='2'>
    <option value='3'>
</select>

如果有人选择下拉列表中的选项值2，我想要弹出一个弹窗。然而，如果他们选择选项值1或选项值3，我不希望发生任何事情。

我应该怎么做？

谢谢。

- Ryan Johsonson

Answer 1

给下拉框添加一个id（<select name='test' id='test'>）。然后在<select>标签后面添加以下内容：

<script>
document.getElementById("test").onchange = function(){
    if (this.options[this.selectedIndex].value == '2') {
        alert('hello world!');
    }
}
</script>

- Flavius Stef

---

将控制器（JavaScript）与 Model/View（HTML）分离是个好习惯，值得推荐。 - Stephen P

Answer 2

你可以像这样编写事件处理程序：

<script type="text/javascript">
function pop(a) {
    if (a.value==2) alert('two');
}

</script>

而对于HTML：

<select id="sel" onchange="pop(this)">
<option value="1">one</option>
<option value="2">two</option>

- edl

Answer 3

用类似这样的东西：

<select name='test' onchange='if(this.value==2) alert("TEST")'>
    <option value='1'>
    <option value='2'>
    <option value='3'>
</select>

- Marc