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

Question

我试图通过ajax / jquery加载位置列表。每次我在输入中键入一个字母时，我会得到第一个respponse，并附加后续响应。我尝试过使用.html（＆＃39;＆＃39;）和.empty（）但未获得所需的结果。我希望每次都清除列表并返回新的输入结果。

Answer 1

请参阅此示例，请先按empty选择，然后添加新的option值!!!

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

选择所有option，.remove()应该有效

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>