Question

我有一个下拉列表。我需要选择所选索引并获取值。我从bootstrap网站复制了一个bootstrap下拉..

  <div class="col-md-6">
     <div class="btn-group">
         <button data-toggle="dropdown" class="btn dropdown-toggle">Please Select 
            <span class="caret"></span>
         </button>
            <ul class="dropdown-menu">
               <li><a href="#">Yes</a></li>
               <li><a href="#">No</a></li>
            </ul>
      </div>
 </div>

我想选择所选索引，如果是，则为1，否则为0。

Answer 1

从我对标题的理解和＃34;给它的风格＆＃34;除了简要描述之外，您还希望将CSS样式添加到特定的<li>元素，无论是悬停，静态等。

如果是这样..

为每个<li>元素

分配一个类

 <ul class="dropdown-menu">
    <li class="descriptiveClassNameBecauseGavgrifSaidSo"><a href="#">Yes</a></li>
    <li class="descriptiveClassNameBecauseGavgrifSaidSo"><a href="#">No</a></li>
 </ul>

然后通过CSS设置那些你觉得合适的样式

.descriptiveClassNameBecauseGavgrifSaidSo:hover {
    background-color: red;
}

我不知道这是否是你想要的，但你应该并且仍然可以进一步详细说明你的目标是什么，即＃34;我想要第一个<li>的背景颜色元素是...＆＃34; ......当我做无论采取什么行动

Answer 2

我的理解：

我在理解你的陈述时可能错了：

选择所选索引，如果是，则为1，否则为0

但是，如果我理解正确，那么您想要的是让<li><a href="#">Yes</a></li><li><a href="#">No</a></li>实际从yes更改为1和no更改为1时一个人on.click给定的<li>值。

现在，如果推定就我想要的东西而言，实际上是你想要的，那么你需要的不仅仅是引导，而是需要介绍一下jquery混合了各种事物。

我reload the page几天前关于另一个有类似情况的问题。

以下是针对该特定情况的jsfiddle中的shared this，但我认为它可能也适用于您的情况。

如果您想通过表单传递数据：

然后你可能不得不使用我在jsfiddle中使用的方法，基本上是这样的：

$('#optionsList li').on('click', function() {
    $('#passToThis').val($(this).data("id"));
    $("#privacyButton").html($(this).data("value"))
});

如果你想要做的只是只需就改变文字：

然后您需要的是相同代码的第二个行：

$('#optionsList li').on('click', function() {
    $("#privacyButton").html($(this).data("value"))
});

data-id=""中的<li>是您的问题/解决方案的关键部分。

而且，如果我完全偏离所有这一切而根本不是你实际回答的问题，那么，希望所有这些都能帮助其他人。

如何在引导程序中下拉并为其提供样式

2 个答案:

我的理解：

如果您想通过表单传递数据：

如果你想要做的只是只需就改变文字：