具有多个值的自动填充字段（可移除）

Question

我想设计我的领域就像这个。

我有一切像this code snippet一样运行：

但我想要这些小十字架去除选择:)

谢谢！

Answer 1

也许你可以利用chosen。 Fiddle demo或许你更喜欢this one。所以有很多插件可以做你所描述的。

$('.chosen-select').chosen({}).change( function(obj, result) {
    console.debug("changed: %o", arguments);

    console.log("selected: " + result.selected);
});

在评论中添加了完全不同的问题，如何在php中填充选择。拿上面的jsfiddle，而不是<option value="United States">United States</option>，你将：在你的foreach循环中使用echo "<option value='$value'>$name</option>";。在foreach循环之前，您添加：

<select data-placeholder="Choose a Country..." class="chosen-select" multiple style="width:350px;" tabindex="4">
            <option value=""></option>

在你的foreach循环后，你得到：</select>