根据MVC列表框和复选框的值更改标记元素

假设我的MVC视图中有以下标记：

<div class="row">
            <div class="col-xs-6">
                <label>UI Element:</label>
                @Html.DropDownListFor(m => m.SelectedUIItem, Model.UIItems)
            </div>
            <div class="col-xs-6">
                @Html.LabelFor(m => m.UseWholeMarkup)
                @Html.CheckBoxFor(m =>m.UseWholeMarkup)
            </div>
            </div>

我想取下拉框和复选框的值，并在不回发的情况下动态更改这些元素下面的显示内容。我需要使用JQuery/JavaScript吗？怎样

视图模型为：

 // DropDownList
        public string SelectedUIItem { get; set; }
        public IEnumerable<SelectListItem> UIItems { get; set; }
        // Checkbox
        [DisplayName("Use Whole Markup ")]
        public bool UseWholeMarkup { get; set; }

下拉列表中填充了：

List<SelectListItem> listUIItems = new List<SelectListItem>();
            // DropDownList
            SelectListItem selList2 = new SelectListItem
            {
                Text = "HEADER",
                Value = "HEADER",
                Selected = false
            };
            listUIItems.Add(selList2);
            selList2 = new SelectListItem
            {
                Text = "BODY",
                Value = "BODY",
                Selected = false
            };
            listUIItems.Add(selList2);
            // DropDownList
            selList2 = new SelectListItem
            {
                Text = "FOOTER",
                Value = "FOOTER",
                Selected = false
            };
            listUIItems.Add(selList2);
            UIItemsViewModel viewModel = new UIItemsViewModel
            {
                UIItems = listUIItems
            };