Как показать оповещение, если выбрано значение

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

Это good idea применять слушателей событий из самого Javascript, в отличие от непосредственно в HTML. По этой причине используйте метод element.addEventListener(). Если вы передадите ему событие (change) function (MinPecas), он будет вызывать MinPecas всякий раз, когда изменяется значение элемента. Кроме того, переменная функции будет тогда элементом, поэтому 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>, потому что если он работает заранее, то выберите тег не существует, и document.getElementById('quantidade') не сможет его найти и ничего не вернет.

Я надеюсь, что это сработает для вас.

Answer 2

Попробуйте

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

EDIT

Также для этого вам необходимо включить библиотеку jquery!

Поскольку вы хотите, чтобы предупреждение отображалось, когда элемент со значением 1 выбрано SELECT, попробуйте добавить пустую опцию в качестве первого выбора.

<option>Please select</option>