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