从jQuery中的html下拉菜单中获取价值

Question

我有一个html表单，在获取选定的值时遇到了一些麻烦，这是html

 <form>
    <div class="row">
        <div class="form-group col-xs-12 col-md-8">
            <label>Contact Info</label>
            <input tabIndex="100" class="form-control square" placeholder="Your email address" autocomplete="off" data-error-style="inline" name="email" type="text">
        </div>
        <div class="form-group col-xs-12 col-md-4">
                <label>Gender</label>
                <div class="drop-down-holder ">
                    <div class="simple-dropdown dropdown btn-dropdown dropdown-module dropdown-toggle"
                            data-toggle="dropdown"
                            type="button">
                    <button tabindex="101" class="dropdown-module dropdown-toggle" type="button" data-toggle="dropdown" data-target="#">
                        <div class="simple-holder">
                            <div class="dropdown-label">Select Gender</div>
                            <div class="icon-holder"><i class="icon-caret-down"></i></div>
                        </div>
                      </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a class="female">Female</a></li>
                        <li><a class="male">Male</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</form>

我已经尝试过在控制台中进行一些操作并不断获取空字符串，这就是我尝试过的

$(".dropdown-menu").text();

这只返回字符串中的女性和男性文本

$(".dropdown-menu").val();

空字符串$（“。dropdown-menu：selected”）。text（）;

也空字符串

 $(".dropdown-menu option:selected").text();

空

$('.dropdown-menu option:selected').val();

未定义

那么关于我如何获得用户选择的男性或女性的任何线索？ 我需要一个条件语句的值，该条件语句将根据他们的性别将其重定向到某个页面。

Answer 1

涵盖您以前的尝试：

$(".dropdown-menu").text();

.text()返回所有元素及其子元素的.text值，因此给您女性和男性

 $(".dropdown-menu").val();

ul没有任何val() ，它不是<input>

 $(".dropdown-menu option:selected").text();  / .val();

ul不是<select>因此不会有任何<option>类型的子项

当您选择ul之一时，无论使用什么插件将ul / li转换为“下拉”，都会应用一个类。 现在，假设selected了该类，则可能需要使用：

 $(".dropdown-menu li.selected")

要选择li ，然后根据要求：

 $(".dropdown-menu li.selected").text()

要找出所应用的类，您可以（希望）能够在文档的插件中找到该类。 如果该功能不可用（或不清楚），请使用浏览器（个人而言，我认为Chrome最容易做到这一点）-按F12键，找到元素和相关样式，然后选择相应项。 类名应该更改，并且您应该能够在控制台中看到它。

或者，可能有一个事件，您可以听（或您的继承代码已经听过），该事件在单击该项目时触发，并应提供该单击项目的详细信息。

Answer 2

大家知道答案了

$(".dropdown-module").val();

这是按钮的类，因为引导程序将div和uls用于下拉菜单，因此我需要将dropdown模块定位为目标