javascript - 选择选项时如何显示警报

我正在尝试向访问者警告最小量，但我刚刚到达可以显示警告的地步，但要注意所有更改...
关键是，我只想在用户单击选项值= 1时显示警报。

这是我得到的（缺少IF子句）：

<script>
    function MinPecas(quantidade) {
        alert("MÍNIMO DE 30 PEÇAS PARA ORÇAMENTO");
    }
</script>

<select name="quantidade" id="quantidade" onchange ="MinPecas(this.form)">
<option value="1">0 A 30 PÇS</option>
<option value="2">30 A 50 PÇS</option>
<option value="3">50 A 100 PÇS</option>
</select>

最佳答案

从Java本身而不是直接在HTML中应用事件侦听器是good idea。因此，请使用element.addEventListener()方法。如果将事件（change）函数（MinPecas）传递给它，则只要更改元素的值，它将调用MinPecas。此外，该函数的this变量将成为该元素，因此this.value等于该元素的值。您可以使用document.getElementById()获取元素，然后将事件侦听器添加到该元素。

<select name="quantidade" id="quantidade">
    <option value="1">0 A 30 PÇS</option>
    <option value="2">30 A 50 PÇS</option>
    <option value="3">50 A 100 PÇS</option>
</select>

<script>
    function MinPecas(){
        if (this.value === '1'){
            alert("MÍNIMO DE 30 PEÇAS PARA ORÇAMENTO");
        }
     }

     document.getElementById('quantidade').addEventListener('change', MinPecas);

</script>

最后，您需要确保<script>元素位于<select>之后，因为如果它预先运行，则select标签将不存在，并且document.getElementById('quantidade')将无法找到它并且不会不退还任何东西。

希望这对您有用。

关于javascript - 选择选项时如何显示警报，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29477117/