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

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>，您将：echo "<option value='$value'>$name</option>";在您的foreach循环中。在foreach循环之前，您需要添加：

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

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