重新加载选择选项值-PHP JQuery

Question

I have a bootstrap pop-up form to add kingdom name it will appear when we select Add New option from the Kingdom list, I would like to show the newly added value in the list just after closing the popup window. My current code is given below. But It's not working. Please help.

Answer 1

In the success callback, do the following:

...
success: function (data) {
    if (data == "1") {
        $('#kingdom_nameerr').html('Saved successfully');

        // add a new option to #kg_id
        $('<option></option>')
            .val(name)
            .text(name)
            .appendTo('#kg_id');

        // select the new option
        $('#kg_id').val(name);
    } else {
        $('#kingdom_nameerr').html('Data already exists');
    }
}
...

Answer 2

That's how you append an option to select tag

//...
$('#kingdom_nameerr').html('Saved successfully');
$('#yourSelectIDonPage').append('<option value="'+someOptionID+'">'+optionSelected+'</option>');
//...