在html表单

时间:2017-02-03 11:36:29

标签: javascript jquery html

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

1 个答案:

答案 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()