选择选项时如何显示警报


How to Show an Alert when Option is Selected

我正在尝试向访客发出最低数量的警报,我刚刚达到可以显示警报的程度,但对于所有更改。。。重点是,我只想在用户单击选项值=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>

试试这个

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

最好从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')将无法找到它,也不会返回任何内容。

我希望这对你有用。

尝试

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

编辑

此外,为了实现这一点,您需要包含jquery库!

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

<option>Please select</option>