Javascript 使用jQuery autosuggest插件，如何为城市生成多个复选框

我还不太擅长Javascript/jQuery，所以我需要一些帮助。 我在我的网站上有一个网站，用户可以从我的数据库中选择多个城市。我现在想要的是为他们选择的每个城市生成一个复选框。 所以，假设用户选择id为23634、78和254的城市，它将生成以下结果：

<input type="checkbox" value="23" name="city[]" /> City 1
<input type="checkbox" value="634" name="city[]" /> City 2
<input type="checkbox" value="78" name="city[]" /> City 3
<input type="checkbox" value="254" name="city[]" /> City 4

---

任何帮助都将不胜感激

每次用户从autosuggest小部件中选择一个城市时，您都可以使用此代码向名为“parent”的元素添加复选框：

$('#parent').append('<input type="checkbox" value="' + cityId + '" name="city[]" /> ' + cityName);

假设城市id保存在变量cityId中，名称保存在cityName中

var tm='<input type="checkbox" name="city[]" />';

var arr= [23,5,6,7];

$.each (arr,function (i,n) {
alert(n);
$('body').append($(tm).val(n));

});

---

请参见此处的运行示例：

实际上，城市id和城市名称都没有变量。然而，该插件确实会生成：×Velenje，Velenje是城市名称，681是城市ID。您需要从插件返回的数据中提取相关信息。如果你不知道怎么做，我建议你再问一个问题，或者至少更新这个问题。

var cities = [23, 42, 73],
    cityNames = {
      23: "Conspiracy Ville",
      42: "Meaning of Life City",
      73: "Best Number of All Town"
    };

$(cities).each(function (index,cityID) {
  $('body')
    .append(
      '<input value="'+cityID+'" type="checkbox" name="city[]" /> '
        + cityNames[cityID] 
        + '<br>'
  );
});