CODEWITHSUNDEEP
jquery
PSR
PSR

Reputation: 40318

How to create html page in the ajax response in jQuery

We are using jQuery ajax in our application.

For example to get the states in a country ,after getting the result from server then we are doing the following thing.

$.each(results , function(index,value){

  $('#id').append('<option value="'+index+'">'+value+'</option>');

});//Here `id` the select box id

It is working perfectly. But I need a better readable solution. Is there any other way to do this?

Upvotes: 0

Views: 269

Answers (1)

A. Wolff
A. Wolff

Reputation: 74420

Just a simple optimization should be enough:

(function () {
    var str = "";
    $.each(results, function (index, value) {
        str += '<option value="' + index + '">' + value + '</option>';
    });
    document.getElementById('id').innerHTML += html;
})();

Upvotes: 1

Related Questions