Получение указанного значения выпадающего списка

У меня есть два разных выпадающих списка. Первый имеет 3 значения, например: SuperAdmin, Admin и Operator, если один из них выбран, он показывает раскрывающееся меню anoter, удаляя класс DisplayNone

                   <div class="form-group col-md-6">
                        <label class="col-md-5 control-label"> Perfiles:</label>
                        <div class="col-md-7 text-left">
                            <select id="dropPerfiles" name="dropPerfiles" class="form-control">
                                <option value="0">Seleccione</option>
                            </select>
                        </div>

                    </div>
                    <div class="form-group col-md-6 onliIndirecto DisplayNone">
                        <label class="col-md-4 control-label text-right labelSmall"> Sucursal:</label>
                        <div class="col-md-6 text-left">
                            <select name="branchOfficeId" id="branchOfficeId" class="form-control"></select>
                        </div>
                    </div>

ЯШ:

$("#dropPerfiles").on("change", function () {
            $(".onliIndirecto").removeClass("DisplayNone");
        });

Проблема в том, когда я хочу отображать только второе раскрывающееся меню, если выбран администратор (другие не могут его отображать). Как я могу получить конкретное значение моего раскрывающегося списка?

Chrome Html:

<select id="dropPerfiles" name="dropPerfiles" class="form-control" data-fv-field="dropPerfiles">
<option value="">Seleccione</option>
<option value="616E7014-338C-4395-8DF0-B7D5162597EE">SuperAdmin</option>
<option value="7579ED4F-91A9-4774-B1EE-05A274533AF5">Administrador</option>
<option value="B3611BC0-34C7-4486-B916-5B715CE83B5C">Operador</option></select>

Помощь очень ценится. С уважением

javascript,

0

Ответов: 2


1 принят

Используйте, this.valueчтобы получить значение выпадающего списка.

$("#dropPerfiles").on("change", function () {
    $(".onliIndirecto").toggleClass("DisplayNone", this.value != "7579ED4F-91A9-4774-B1EE-05A274533AF5");
});

Если вы не хотите использовать эти случайные значения из БД, вы можете использовать $(this).find("option:selected").text()для получения текста выбранного параметра и сравнить его с "Administratador".

$("#dropPerfiles").on("change", function () {
    $(".onliIndirecto").toggleClass("DisplayNone", $(this).find("option:selected").text() != "Administratador");
});

0
$("#dropPerfiles").on("change", function () {
   var selected = $(this + "option:selected"); //get selected
   var text= selected.text(); //get text
   var value= selected.val(); //get value

     if(text== "SuperAdmin"){
       //do stuff
           $(".onliIndirecto").removeClass("DisplayNone");
      }

      //OR

     if(value == "your value"){
       //do stuff
          $(".onliIndirecto").removeClass("DisplayNone");
      }

}); 
JavaScript,
Похожие вопросы