Question

我有两个动态创建的Bootstrap下拉菜单。根据第一个选择中的选择进行第二个选择。这两个下拉菜单均具有添加新选项并将其推送到数据库的选项。我遇到的问题是推送到数据库后，我想重新生成下拉列表。因为我将动态代码用于其他地方的下拉列表生成，所以只有在选择了一个选项后，才能在“ li click事件”上调用它。下面是我的HTML设置。

<div class="col-md-4">
   <h4>Category</h4>
   <div class="dropdown">
      <button id="category" class="btn btn-default dropdown-toggle short_button text-center" type="button" data- toggle="dropdown" aria-haspopup="true" aria-expanded="true"></button>
      <ul value="" id="subcategory" class="dropdown- menu large_dropdown" aria-labelledby="dropdownMenu1">
         <li value="55"><a href="#" '="">Category1</a></li>
         <li value="17"><a href="#" '="">Category2</a></li>
         <li value="909"><a href="#" data-toggle="modal" data-target="#new_cat_modal">New Category</a></li>
     </ul>
   </div>
</div>

我想使用JQuery模拟单击，以便它重新填充字段。我可以简单地通过$("#category li").click();来成功完成此操作，但是问题是它选择了列表中的下一个项目，并为下一个下拉列表生成了错误的列表。我想知道是否有一种方法可以指定我单击的“ li”元素，以便它生成该元素的列表。

Answer 1

是的，您可以通过使jquery的选择器更具体来指定哪个li应该接收click事件。 I.E。

更新为$("#category li[value=55]") 或者，您也可以通过n个类型的伪css $("#category li:nth-of-type(2)")根据列表中li的索引来定位li，然后按照.click（）方法

Answer 2

使用jQuery，您可以使用属性$（this）引用“ Pressed on”元素。然后，您可以从那里比较元素的值，或者向li返回1步并获取其当前值。

jQuery会在点击时触发特定的li，以引导Bootstrap下拉

2 个答案: