Question

我制作了一个带有bootstrap CSS的下拉菜单，如下所示：

<div class="dropdown">
 <button id="btn_inputManhole_cost2_Dist" class="btn btn-primary dropdown-toggle hidden" type="button" data-toggle="dropdown"> LC/HC
<span class="caret"></span></button>
    <ul id="ul_inputManhole_cost2_Dist" class="dropdown-menu">
      <li><a href = "javascript:return false;">Low Cost</a></li>
      <li><a href = "javascript:return false;">High Cost</a></li>
    </ul>
</div>

我正在尝试使用Jquery获取所选值。

我试试这个：

alert($("#ul_inputManhole_cost3_Dist option:selected").text());

但我得不到任何回报。我应该在其他一些html元素中定义一个id而不是ul？

Answer 1

由于它不是<select>元素，因此您无法在示例中使用option:selected。您可以定义<ul>个孩子的点击功能，当您点击它时会提醒您注意它们的价值。从那里，您可以保存变量，更改内容，执行您需要执行的操作：

$("#ul_inputManhole_cost2_Dist").on("click", "li", function(e){ 
    alert($(this).text());
});

快速的视觉示例：

Bootply

使用Jquery从BootstrapCSS下拉菜单中获取价值

1 个答案: