Question

我有两个不同的下拉菜单。第一个有3个值，如：SuperAdmin，Admin和Operator，如果选择其中一个它显示了删除“DisplayNone”类

的anoter下拉列表

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

JS：

$("#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>

非常感谢帮助。此致

Answer 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");
});

Answer 2

$("#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");
      }

});

获取指定的下拉值

2 个答案: