Question

我想将此jQuery实现到我现有的下拉列表中。我要整合的是https://codepen.io/Carike/pen/QyEQeN

我已将此代码放入模板中，并且可以正常工作。但是我只想与自己的下拉菜单集成。我该怎么办？

这是我的代码：

<div class="col-12 col-md-4 col-lg-3">
 <div class="form-group">
  <select class="form-control" id="governorate" name="governorate">

   <option selected="true" disabled="disabled">{% trans 'Governorate' %}</option>

   <option value="{{ governorate.name_ar }}"  data-governorate="{{governorate.id}}">{{ governorate.name_ar }}</option>

  </select>
  </div>
 </div>

这是我想要将其功能与标签集成的实际代码。

<div>
 <ul class="dropdown">
  <li><a href="#">Kinda Tall Menu</a>
   <ul class="sub_menu">

    <li><a href="#">Artificial Turf</a></li>
    <li><a href="#">Benches &amp; Bleachers</a></li>
    <li><a href="#">Communication Devices</a></li>
    <li><a href="#">Dugouts</a></li>
    <li><a href="#">Fencing &amp; Windscreen</a></li>
    <li><a href="#">Floor Protectors</a></li>
    <li><a href="#">Foul Poles</a></li>
    <li><a href="#">Netting</a></li>
    <li><a href="#">Outdoor Furniture &amp; Storage</a></li>

   </ul>
</div>

基本上，我的代码只是检索数据并根据那里提到的字段（例如Governororate.name_ar）列出它们。它以列表形式或下拉列表列出所有省名称。我只想在清单中使用相同的功能。

预先感谢您：D

如何在现有的下拉列表中实现jquery

0 个答案: