javascript 编辑HTML表单时如何自动填充selectsize JS?

wd2eg0qa  于 2023-01-19  发布在  Java
关注(0)|答案(1)|浏览(142)

我有一个3个字段,其中2输入文本和1从下拉菜单中选择的形式。当我添加数据,然后我想编辑它们,我想在字段上显示旧数据。输入文本字段已经确定,但选择字段(国家),我使用selectize js构建不显示旧值。

<form action="" method="post" id="EditForm">
                    {% csrf_token %}
                    <div class="col-md-12">
                      <div class="form-group">
                        <label for="NameEdit" class="control-label">Name</label>
                        <input name="Name" id="NameEdit" type="text" class="form-control"  required
                          oncopy="return true;" onpaste="return true;" oncut="return true;" />
                      </div>
                      <div class="form-group">
                        <label for="AddressEdit" class="control-label">Address</label>
                        <input name="Address" id="AddressEdit" type="text" class="form-control"
                           data-toggle="popover" data-trigger="focus" required
                           data-placement="left" oncopy="return true;" onpaste="return true;" oncut="return true;" />
                      </div>
                      <div class="form-group">
                        <label for="CountryEdit" class="control-label">Country</label>
                        <select name="CountryEdit" type="text" class="form-control"  id="CountryEdit"  required
                        data-placement="left" oncopy="return true;" onpaste="return true" oncut="return true;" >
                          <option value="">Select the country</option>
                          {% for x in countries %}
                          <option value="{{x.CountryCode}}">{{x.CountryCode}} ({{x.CountryName}})</option>
                          {% endfor %}
                        </select>
                      </div>
                    </div>
                  </form>
$(document).on('click', '.editUserBtn', function () {
    var user = $(this).data('id');
    editUrl = 'edit/'+user;
    var currentURL = window.location.href;
    console.log(currentURL + 'edit/' + user);
  $.ajax({
      type: "GET",
      url: currentURL + 'edit/' + user,
      success: function (data) {
        $('#EditForm').attr('action', 'edit/' + user);
        $('#EditModal').modal('show');
        $('#NameEdit').val(data.Name);
        $('#AddressEdit').val(data.Address);
        $('#CountryEdit option:checked').val(data.Country);
      }
    })
  });
1l5u6lss

1l5u6lss1#

$('#国家编辑').瓦尔(数据.国家);

相关问题