Clear dropdownlist with JQuery

Question

I wrote this little function to fill a drop down list with data from the server   function fillDropDown url  dropdown          ajax           url  url          dataType   json         done function  data               Clear drop down list           dropdown  find  option   remove     lt  lt  lt  lt  lt  lt  Issue here            Fill drop down list with new data           data  each function                     Create option             var  option       lt option   gt                    Add value and text to option              option attr  value   this value  text this text                  Add option to drop down list               dropdown  append  option                           I can then call the function in this way   fillDropDown   someurl getdata       dropdownbox1      Everything is working perfectly  except for the one line where I m clearing old data from the drop down list  What am I doing wrong   Any tips that might help to improve this code are also highly appreciated

User · Answer

How about storing the new options in a variable  and then using  html variable  to replace the data in the container

User · Answer

Just use  empty        snip       done function  data           Clear drop down list       dropdown  empty        lt  lt  lt  lt  lt  lt  No more issue here        Fill drop down list with new data       data  each function                 snip        There s also a more concise way to build up the options      snip      data  each function              lt option   gt              val  this value          text  this text        appendTo dropdown

User · Answer

I tried both  empty   as well as  remove   for my dropdown and both were slow  Since I had almost 4 000 options there   I used  html     which is much faster in my condition  Which is below      dropdown  html

User · Answer

lt select id  ddlvalue  name  ddlvaluename  gt   lt option value  0  disabled selected gt Select Value lt  option gt   lt option value  1   gt Value 1 lt  option gt   lt option value  2   gt Value 2 lt  option gt   lt  select gt    lt input type  submit  id  btn submit  value  click me   gt      lt script gt      btn submit   on  click  function              ddlvalue   val 0        lt  script gt

[javascript] Clear dropdownlist with JQuery

Examples related to javascript

Examples related to jquery