Используя плагин jSuery autosuggest, как я могу создать несколько флажков для городов

Question

Я пока не очень хорош в Javascript / jQuery, поэтому мне нужна помощь. У меня на сайте есть плагин jQuery autosuggest , где пользователи могут выбирать несколько городов из моей базы данных. Теперь я хочу создать флажок для каждого города, который они выбрали. Итак, предположим, что пользователи выбирают города с идентификаторами 23, 634, 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

Любая помощь будет оценена!

Answer 1

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

});

Answer 2

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>'
  );
});

См. Работающий пример здесь: http://jsfiddle.net/nils_r/KaJBD/

Answer 3

Каждый раз, когда пользователь выбирает город из автоматически отображаемого виджета, вы можете использовать этот код для добавления флажка к элементу с именем 'parent':

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

Предполагая, что идентификатор города содержится в переменнойcityId и имя в cityName.