Question

我正在尝试提醒访问者最低金额，我刚刚达到可以显示警报的程度，但是对于所有更改...... 关键是我只想在用户点击选项值= 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>

Answer 1

试试这个

＆＃13;

<script> 
    function MinPecas(quantidade){
    	if(quantidade == 1)
         	alert("MÍNIMO DE 30 PEÇAS PARA ORÇAMENTO");

    }  
    </script>

<select onchange="MinPecas(this.value)" name="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>

＆＃13;

Answer 2

尝试

$(document).ready(function(){
    $('[name=quantidade]').change(function(){
        if($(this).val() === '1'){
             alert();
        }
    });
 });

修改

此外，您需要包含jquery库！

由于您希望在值为1的元素为SELECTED时显示警报，请尝试添加空选项作为第一选择。

<option>Please select</option>

Answer 3

它是good idea从Javascript本身应用事件侦听器，而不是直接在HTML中。因此，请使用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')将无法找到并且无法返回任何内容。

我希望这适合你。

如何在选择选项时显示警报

3 个答案: