セット選択オプションが動作しないhtmlフォーム内のJquery

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

フォーム

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

のためのjQueryのコードを使用すると、あなたは、さらにそれ

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

後の値を設定し、.html()を使用してコンテンツを上書きされると成功コールバックでJSONを解析してに渡す必要があります方法

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