获得值从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中

回答

相关问题