Question

我还不擅长Javascript / jQuery，所以我需要一些帮助。我的网站上有jQuery autosuggest plugin，用户可以从我的数据库中选择多个城市。我现在想要的是为他们选择的每个城市生成一个复选框。所以，假设用户使用id为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

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

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

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

Answer 2

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 3

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/

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

3 个答案: