2017-02-03 5 views
0

Ich wurde verwendet jquery Funktion in HTML-Formular. Ich habe versucht, eine Option mit der parseJSON-Methode auszuwählen, die aber nicht funktioniert. Dies funktioniert auf der modalen Ansicht.Set Wählen Sie Option funktioniert nicht Jquery innerhalb HTML-Formular

Code für modale Ansicht Popup

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-Code für Formular

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

Antwort

0

Wie Sie den Inhalt mit .html() überschreiben, legen Sie Wert, nachdem es

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

, Sie Zusätzlich sollte JSON im Erfolgsrückruf analysieren und anübergebenMethode

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

Dieser Code funktioniert nicht das gleiche Problem auftritt. –

Verwandte Themen