如何像checkedBox一样设置DropDownListFor中选定的所有元素并添加图标

@Html.DropDownListFor(model => model.SelectedItems, Model.ItemsList, new { @class = "form-control" })

<script>
    $(document).ready(function () {
        $("#SelectedItems").change(function () {
            var selectedItems = $(this).val(); // 获取选定的元素值
            var checkedBox = $("#checkedBox"); // 获取用于显示选定元素的容器

            // 清空容器中的内容
            checkedBox.empty();

            // 遍历选定的元素值
            $.each(selectedItems, function (index, value) {
                // 创建图标元素并添加到容器中
                var icon = $("<i>").addClass("fa fa-check");
                checkedBox.append(icon);

                // 创建文本元素并添加到容器中
                var text = $("<span>").text(value);
                checkedBox.append(text);
            });
        });
    });
</script>

<div id="checkedBox"></div>