我在HTML表单中使用了jquery函数。我尝试使用parseJSON方法选择一个选项但不起作用。这是在模态视图上工作。
模态视图弹出窗口的代码
function EditAppoinment(id){
$.post('php/owner_appoinment_edit_get_values.php',{id:id},function (data) {
var formedit = EditForm(data);
$('.modal-body').html(formedit);
$('#orumodal').modal('show');
});
}
表单的jquery代码
function EditForm(values)
{
var obj = $.parseJSON(values);
$('#appstatus').val(obj.status);
var html = '<form method="post" action="">';
html += '<div class="form-group">' +
'<label>Appinment date</label>' +
'<input type="text" name="app_date" class="form-control" value="'+ obj.app_date +'" placeholder="Appoinment Date">' +
'</div>';
html += '<div class="form-group">' +
'<label>Appinment Time</label>' +
'<input type="text" name="app_time" class="form-control" value="'+ obj.app_time +'" placeholder="Appoinment Time">' +
'</div>';
html += '<div class="form-group">' +
'<label>Description</label>' +
'<textarea rows="3" name="desc" class="form-control" placeholder="Description">'+ obj.description +'</textarea>' +
'</div>';
html += '<div class="form-group"><label>Status</label>' +
'<select name="appstatus" id="appstatus" class="form-control">' +
'<option value="success">Success</option>' +
'<option value="failed">Failed</option>' +
'<option value="processing">Processing</option>' +
'</select>' +
'</div>';
html += '<div class="form-group">' +
'<button class="btn btn-primary pull-right">Update</button>'
'</div>';
return html += '</form>';
}
答案 0 :(得分:0)
当您使用ex: $("#country option[value='']").text('Select Country');
覆盖内容时,请在
.html()
此外,您应该在成功回调中解析JSON并将其传递给$.post('php/owner_appoinment_edit_get_values.php', {
id: id
}, function (data) {
//Parse JSON
var obj = $.parseJSON(data);
var formedit = EditForm(obj );
$('.modal-body').html(formedit);
//Set value after setting HTML
$('#appstatus').val(obj.status);
$('#orumodal').modal('show');
});
方法
EditForm()