Php Jquery填充选择列表

我使用Jquery和Ajax函数从MySql获取数据，并将其放在一个div中，我可以在其中选择它们

它的工作原理如下：

当我从列表中选择一个国家时，Jquery运行一个函数，使用getJson显示所选国家的城市列表。该列表显示在inputString div中

现在我想在html选择表单中显示相同的数据，而不是像现在这样在DIV中显示

HTML看起来像：

<select name="country" id="country" class="country">
<option value="USA">USA</option>
<option value="UK">UK</option>
<option value="serbia">Serbia</option>
</select>

<input size="30" id="inputString" type="text" name="inputString"  class="inp"/>
<div class="suggestionList" id="autoSuggestionsList"></div>

Jquery：

$(document).ready(function () {
    $("#inputString").keyup(function () { // inputString is DIV where list of cities are listed
        var up_country = $("#country option:selected").val();
        $.getJSON("cities.php?queryString=" + up_country + "", function (data) {
            if (data.length > 0) {
                $.each(data, function (i, data) {
                    var city = data.city;
                    if (i < 19) {
                        $('#autoSuggestionsList').append('<li class="k' + i + '">' + city + '</li>');
                    }
                });
            }
        });
    });
});

如果选择的国家是英国，我如何以如下html选择表单显示所选国家的城市列表

  <select name="city" id="city" class="city">
  <option value='London'>London</option>
  <option value='Manchester'>Manchester</option>
  <option value='Salford'>Salford</option>
  </select>

试试那样的- 在html中：

<select name="city" id="city" ></select>

以及您的jQuery代码：

$.each(data, function(i, data){
var city = data.city;
if(i < 19){
$('#city').append('<option>'+ city+ '</option>');

       }
}

来自php的响应可以是表单或任何其他html内容。如果不一定需要用jquery填充列表，可以从php加载html

-比如说-

来自php的响应

echo '<form>
       <select>
            <option>London</option>
            <option>Manchester</option>
            <option>Salford</option>
       </select>
      </form>
';

$.each(data, function(i, data){
var city = data.city;
if(i < 19){
$('#city').append('<option>'+ city+ '</option>');

       }
}

echo '<form>
       <select>
            <option>London</option>
            <option>Manchester</option>
            <option>Salford</option>
       </select>
      </form>
';

$('#citiesList').html(data);