Как показать текстовое поле данных выбранных элементов в раскрывающемся списке множественного выбора в текстовой области? - PullRequest
Новая
       5

Как показать текстовое поле данных выбранных элементов в раскрывающемся списке множественного выбора в текстовой области?

0 голосов
/ 14 апреля 2020

У меня есть три раскрывающихся списка с несколькими вариантами выбора при выборе элементов из этих списков. Я хочу показать текст данных элемента, хранящийся в текстовой области с разделением запятыми, такой как item1, item2, item3, et c. В настоящее время мой код показывает эти элементы в Textarea, но они не разделены запятыми. Может кто-нибудь, пожалуйста, помогите мне, как я могу этого достичь? 

     @Html.DropDownListFor(m => m.DependancyMatrixVM.Real_Tag_Id_FK, (IEnumerable<SelectListItem>)ViewBag.RawTagList, "Select Raw Tag", new { @class = "form-control",@multiple=true, id = "Raw_Tag_List" })
                                        @Html.DropDownListFor(m => m.DependancyMatrixVM.Cal_Tag_Id_FK, (IEnumerable<SelectListItem>)ViewBag.CalculatedTag, "Select Calculated Tag", new { @class = "form-control",@multiple=true, id = "Calculated_Tag_List" })
                                        @Html.DropDownListFor(m => m.DependancyMatrixVM.MF_Tag_Id_FK, (IEnumerable<SelectListItem>)ViewBag.ManualTagList, "Select Manual Tag", new { @class = "form-control",@multiple=true, id = "Manual_Tag_List" })


/JQUERY Code
<script type="text/javascript">
    $(function () {
        $("#selection_button").click(function () {
            if ($("#Raw_Tag_List").change || $("#Calculated_Tag_List").change || $("#Manual_Tag_List").change) {
                $("#total_selections").html("");
                $("#total_selections").append($("#Raw_Tag_List option:selected").text());
                //$("#total_selections").append(",");
                $("#total_selections").append($("#Calculated_Tag_List option:selected").text());
                //$("#total_selections").append(",");
                $("#total_selections").append($("#Manual_Tag_List option:selected").text());
            }
            $("#tag_selections").show();
        });
    });
</script>
...