我有一个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);
}
})
});
1条答案
按热度按时间1l5u6lss1#
$('#国家编辑').瓦尔(数据.国家);