jquery - オプションタグをリンクまたはボタンにすることは可能ですか

ドロップダウン リストからの選択を使用してモーダル フォームをトリガーしようとしています。 Django を使用する場合。

使い方はフォームに記入するという考え方です。ドロップダウン リストから選択できますが、リストに必要な項目が見つからない場合は、この項目を追加できます。彼はモーダル フォームにこの入力を行うことができるでしょう。

ボタン付きトリガーになりました。理想的な状況は、ドロップダウン リストにボタンまたはリンクがある場合です。 ブートストラップが提供するもの、いわゆる分離リンクのようなもの:

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 オプションをトリガーしようとしましたが、失敗しました。

よろしく スタリラス

< を使用してドロップダウンを使用することもできます。 a... >

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

ここにリンクの説明を入力してください

または < を使用します。選択...>

$('#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>

続きます...

_テディ_

1

私はこの 2 番目のオプションを使用しました。最初のものは私のアプリでは機能しませんでした。ありがとう

2020 年 9 月 7 日 12:40