ajax / jquery尝试附加新选项以进行选择

Question

I'm trying to load a list of locations via ajax / jquery. Each time I type a letter into the input I get the first respponse back with subsequent responses appended. I've tried using .html('') and .empty() but not getting the desired results. I want the list to clear each time and return the new input results.

Answer 1

See this my example , clear select first by empty and then append new option value !!!

 $('#ss').empty(); $('#ss').append($('<option>').html('test')); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="ss"> <option>$$</option> <option>55</option> </select> 

Answer 2

Select all option and .remove() should work

 function clearSelectFields(){ $('#selectField') .children() // Select children of the select field .remove(); // Remove all the selected element } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="selectField"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <button onclick="clearSelectFields()">Clear</button>