0

所以我有一个输入字段，但想用一个下拉项填写它。我想我必须用 jQuery 来做，但不知道怎么做。这是我的代码：

<span class="dropdown">
    <button class="btn menial-buttons dropdown-toggle" id="cat-dropdown-input" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      <span> Category</span>
    </button>
    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
        <button class="dropdown-item" id="cat-1">Book</button>
        <button class="dropdown-item" id="cat-2">Drink</button>
        <button class="dropdown-item" id="cat-3">Play</button>
    </div>
</span>
<div class="field">
    <div class="input-category">{{form.category}}</div>
</div>

这是我的 jQuery 代码。我对 jQuery 不是很熟悉。

$('.dropdown-item').click(function() {
  var thisCat = $(this).text();
  $('#id_category').html(thisCat);
});

*id表单域的 是#id_category。

非常感谢你:)

4

0 回答 0