使用DropDownList中的多个值填充文本框

Question

我有： @Html.EnumDropDownListFor(model => model.City, htmlAttributes: new { @class = "form-control", @id = "dropdownID" })

我想用多个用逗号分隔的值从此DropDownList填充Textbox 。 我尝试了两件事，但现在有点卡住了。

1。

    $('#dropdownID').on('change', function () {
        $("#textbox").val($(this).find("option:selected").text());
})

这会将一个文本值发送到“文本框”，但是我如何使用多个值呢？

2

var mytextbox = document.getElementById('textbox');
var mydropdown = document.getElementById('dropdownID');

mydropdown.onchange = function () {
    mytextbox.value = mytextbox.value + this.value;
}

第二个是在“ Textbox中为我选择的每个值（而不是文本）赋予我，如何使它显示文本而不是值呢？

我对jquery不好。 非常感谢你！

Answer 1

$('#dropdownID').on('change', function () {
    var textBox = $('#textbox');
    var previousTextBoxValue = textBox.val();
    var optionText = $(this).find("option:selected").text();
    textBox.val( (previousTextBoxValue ? previousTextBoxValue + ', ' : previousTextBoxValue) + optionText);
});

Answer 2

您即将获得第一个解决方案。 您只需要传递.val（）函数的现有值，就像这样：

    $("#textbox").val($('#textbox').val() + ' ' +
        $(this).find("option:selected").text());