php - jQuery : How do I put clicked element in input box?

Question

我正在尝试列出一份 list 。

我有一个空输入框，我想在其中存储列表:Mary、Kate、Brock

现在我有一个包含这三个名字的选择列表。我想知道如何将从选择列表中单击的名称传输到输入框中。如果我单击第二个名称，请添加逗号以将其与前一个名称分隔开。

感谢您的帮助。我不知道从哪里/如何开始:(

Answer 1

怎么样:

<input type="text" id="name" name="name" />

<select name="names" id="names">
    <option value="Mary">Mary</option>
    <option value="Kate">Kate</option>
    <option value="Brock">Brock</option>
</select>

<script>
$(document).ready(function() {
    $("#names").change(function() {
        name = $(this).val();
        current = $("#name").val();
        if (!$("#name").val()) {
            $("#name").val(name);
        } else {
            if (current.indexOf(name) == -1) {
                $("#name").val(current + ', ' + name);
            }
        }
    });
});
</script>

将新名称添加到列表末尾，仅当有多个名称时添加一个逗号，并且现在允许重复。