Проверьте в JavaScript в выборе

Question

Как я могу проверить выбранные элементы в javascript / jQuery.Я хочу проверить в JavaScript.При нажатии на значение лимбург и Брабант.Но как я могу выбрать в javascript эти параметры?У меня есть этот код:

<form action="/" method="post" class="clearfix">
    <fieldset class="clearfix">
            <div class="field">
                    <select>
                            <option value="" selected="selected">Kies een regio?</option>
                            <option value="Limburg">Limburg</option>
                            <option value="Brabant">Brabant</option>
                    </select>
            </div><!-- /field -->
    </fieldset>
</form>

Answer 1

Вы захотите связать событие изменения с полем выбора и поместить туда свою фильтрацию, лучше всего назначить идентификатор или класс для элемента выбора, чтобы его можно было специально выбрать, но следующий код должен предупредить экран, когда выбран любой из этих параметров.

 $(".field select").change(function() {
     if($(this).val() === "Brabant") {
         //Brabant was selected
         alert("Brabant");
     }
     if($(this).val() === "Limburg") {
         //Limburg was selected
         alert("Limburg");
     }
 });

Если вы просто хотите узнать, какое текущее значение выбранного элемента вы можете сделать

var selecteditem = $("select").val();
if(selecteditem === "Limburg" || selecteditem === "Brabant") {
         alert("'Limburg' or 'Brabant'");
}

Однако это не будет автоматически запускать что-либо при изменении значения, для этого это может быть сделано в целях проверки, чтобы вы могли сделать это, чтобы убедиться, что оно одно из двух.

Answer 2

Не уверен, что я понял ваш вопрос, но чтобы изменить выбранное значение, вы можете сделать что-то вроде

$('select').val('Limburg'); // to select limburg

Answer 3

Предполагая, что я вас правильно понял, вы хотите проверить значение выбранного параметра. Вы можете сделать это, просто проверив значение элемента select. С jQuery это так просто:

$("select").val();

Возможно, вы хотите связать обработчик события с событием изменения, чтобы вы могли проверить значение при его изменении:

$("select").change(function() {
    if(this.value === "Limburg") {
        //Limburg was selected
    }
});

Вот рабочий пример этого.