How to add the jquery returned value in listbox

Question

Hi I have to show the auto complete data returned by jquery in ListBox. Is it Possible? If possible tell me the way please. I tried as below is not working.

Here is my jquery:

<script type="text/javascript">
      $(document).ready(function () {
          SearchText();
      });
      function SearchText() {
          $(".ss").autocomplete({
              source: function (request, response) {
                  $('.ui-autocomplete').css('list-style-type', 'none').css('text-decoration', 'none');
                  $.ajax({
                      type: "POST",
                      contentType: "application/json; charset=utf-8",
                      url: "/Services/SearchService.asmx/SearchCategory",
                      data: "{'searchtxt':'" + document.getElementById('MainContent_searchtext').value + "'}",
                      dataType: "json",
                      success: function (data) {
                          response(data.d);
                          $(data.d).each(function(){
                              $('#ListBox1').append(response(data.d));
                          });
                      }
                  });
              }, minLength: 2
          });
      }
</script>

tetri · Accepted Answer · 2014-01-08 12:03:39Z

2

other code seems fine, just change your data appending method like this:

 success: function (data) {
     response(data.d);
     $(data.d).each(function(){ // if data.d returns a collection
         $('#ListBox1').append("<option value='"+data.d+"'>data.d</option>");
     });
 }

edited Jan 8, 2014 at 12:03

tetri

3,5942 gold badges28 silver badges38 bronze badges

answered Jan 8, 2014 at 10:57

Vinay Pratap Singh Bhadauria

9,9873 gold badges30 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

nrsharma · Accepted Answer · 2014-01-08 11:16:01Z

1

Try this

success: function (data) {
    response(data.d);
    $(data.d).each(function(){
       $('#ListBox1').append($("<option />").val(data.d).text(data.d));
    });
}

answered Jan 8, 2014 at 11:16

nrsharma

2,5724 gold badges21 silver badges36 bronze badges

Collectives™ on Stack Overflow

How to add the jquery returned value in listbox

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related