從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模塊定位為目標