是否可以将选项标签设为 link 或按钮

Question

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

想法是使用就是填写表格。他可以从下拉列表中进行选择，但如果他在列表中找不到所需的项目，他可以添加该项目。他将能够完成此填充模态表单。

现在是带按钮的triiger。理想情况是下拉列表中有一个按钮或 link。像 bootstrap 提供的东西，所谓的分离 link：

html - 下拉列表内容

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

html - 来自模板

<form method="post" id="subsidiaryForm"  name="text" data-subsidiaries-url="{% url 'ajax_load_subsiriaies' %}" data-salesPersonsDistributor-url="{% url 'ajax_load_salesPersonsDistributor' %}" data-salesPersonsDistributorContact-url="{% url 'ajax_load_salesPersonsDistributorContact' %}" novalidate>
        <table class="table table-borderless table-condensed">
          {% csrf_token %}
          {{ form.as_table }}
        </table>
      <input type="hidden" name="build" value="{{ VCIUpdate }}">,
      <input id="submit" type="submit" value="save" />
      </form>

<div class="modal fade" tabindex="-1" role="dialog" id="modal">
    <div class="modal-dialog" role="document">
      <div class="modal-content"></div>
    </div>
  </div>
  <button id="new_sales_person_distibutor" class="btn btn-primary" type="button" name="button">Dodaj przedstawiciela</button>
</div>

jquery

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

我尝试触发 jquery usung vale if option 但我失败了。

问候星星

Answer 1

您可以将 Dropdown 与一起使用

<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>

enter link description here

或 < select...>

$('#mySelection').change(function () {
    var theChoice = $( "#mySelection option:selected" ).val()
    $( "div" ).text( theChoice ); // For explanation
    if (theChoice == "new") {
      $( "div" ).text( 'Gooooal !'); // For explanation
      // Your code here...
      }
  })

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <select class="custom-select" id="mySelection">
      <option selected>Open this select menu</option>
      <option value="1">One</option>
      <option value="2">Two</option>
      <option value="3">------------</option>
<option value="new">Three</option>
    </select>
<div></div>

很好的延续...

_泰迪_

是否可以将选项标签设为 link 或按钮

Is it possible to make option tag a link or button

forms

django

jquery

modal-dialog