设置选择选项不工作jquery里面的html表格

Question

我在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>'; 
} 

Answer 1

由于要覆盖使用.html()的内容，设定值后

$.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'); 
}); 

另外，您应该在成功回调中解析JSON并将其传递到EditForm()方法

function EditForm(obj) { 
    var html = '<form method="post" action="">'; 
    .... 
}