Jquery 是否可以将选项标签设置为链接或按钮

我正在尝试使用下拉列表中的选择来触发模态表单。在使用django时

这个想法是，使用就是填写表格。他可以从下拉列表中进行选择，但如果在列表中找不到所需项目，他可以添加此项目。他将能够填写这张表格

现在它是带按钮的triiger。理想的情况是下拉列表上有一个按钮或链接。 类似于bootstrap提供的功能，称为分离链接：

html-下拉列表内容

<option value="">---------</option>
{% for salesPersonDistributor in salesPersonsDistributor %}
<option value="{{ salesPersonDistributor.pk }}">{{ salesPersonDistributor.name }}</option>
{% endfor %}

我试图触发jquery usung vale if选项，但失败了

问候

---

Starylass

您可以使用下拉菜单与

<div class="dropdown">
  <button class="btn dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>

打开此选择菜单
一个
两个
------------
三

我使用了第二个选项。第一个在我的应用程序中不起作用。非常感谢。

 $(document).ready(function() {
            $("#new_sales_person_distibutor").modalForm({
                formURL: "{% url 'new_sales_person_distibutor' %}"
          });
   });

<div class="dropdown">
  <button class="btn dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>