獲得值從HTML jQuery中

下拉菜單中我有一個HTML表單，並有一個小麻煩就可以了選擇的值，下面是HTML獲得值從HTML jQuery中

<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();

不確定

所以，我如何能獲取天氣用戶選擇男性或女性任何線索？我需要這個值作爲條件語句，根據他們的性別將它們重定向到某個頁面。

來源

2015-06-05 Palermo Deschamps

只是好奇，沒有任何您選擇使用列表而不是選擇菜單的特定原因？ – wrxsti

它是繼承的代碼，我必須使用我得到的這一個 –

這是一個使用引導程序和主幹的句柄模板 –

爲了彌補以前的嘗試：

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

.text()返回所有元素的.text值及其子元素，所以給你女性和男性

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

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

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

一個ul不是<select>所以不會有任何此類子項目<option>

無論插件，你正在使用的UL /李轉化爲「下拉」當您選擇的一個將應用類UL認證。現在，假設類是selected，你可能需要使用：

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

得到li選擇，然後根據要求：

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

找出應用類，你可以（希望）能夠在插件的文檔中找到它。如果沒有（或不清楚），請使用瀏覽器（我個人認爲Chrome最簡單） - 按F12，找到元素和相關樣式，然後選擇該項目。類名稱應該改變，你應該能夠在控制檯中看到它。

或者，您可以聽到一個事件（或您的繼承代碼已經偵聽到），點擊該事件時會觸發該事件並提供點擊事件的詳細信息。

來源

2015-06-05 15:42:50

從bootstrap文檔中，我可以收集的是，他必須在點擊選項時應用自己的聽衆，將值應用於變量，然後在提交後回想該變量。它是一種表格的不好的方式。 :( – wrxsti

@wrxsti我看了一下你的引導程序鏈接和相關鏈接，這就是爲什麼我添加了一個事件編輯的原因。它看起來像是用於導航（「可切換的，用於顯示鏈接列表的上下文菜單」）但叫他們「下拉式」只是混亂！我試圖給出一個通用的答案，直到特定的插件指定。 –

良好的亞。他肯定有幾種方法可以拉這些數據，這似乎是他正在與一個功能正在被不當使用。 – wrxsti

嘿，夥計們想出了答案

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

這是類的按鈕，因爲自舉採用了下拉的div和ULS我需要爲目標的下拉列表模塊

來源

2015-06-05 16:48:27

獲得值從HTML jQuery中

回答

相關問題