在DropDownList中顯示選定的值

Question

我不知道這是否可能 - Google搜索沒有任何結果。但我希望有一個DropDownList在選擇更改時顯示其所選索引的值。

任何建議表示讚賞。

問候。

Answer 1

值不能retreived，除非如果你還沒有設置datasouce時證明了這一點。您必須證明DisplayMember（顯示的項目）和ValueMember屬性才能檢索選定項目的值。 如果您沒有這樣做，您將無法獲得所選項目的Vlaue（或selectedValue）。

Answer 2

我認爲你在混合詞彙。常規下拉菜單中包含「項目」。

在純html中，下拉呈現爲<select ..>元素，其中<option ..>元素表示項目。

在Asp.Net中，相應的控件被稱爲DropDownList，它包含ListItem子元素。 ListItems具有屬性Text和Value，其中Text屬性是UI中顯示的內容，Value屬性是回發到服務器的內容。

對於父母DropDownList,SelectedValue是來自所選ListItem的Value屬性。另一方面，SelectedIndex是下拉列表中所有ListItem中所選ListItem的零基數字索引。

詞彙課的出路，你似乎想有一個下拉的地方而不是顯示文本，圖像會在UI中顯示，然後用戶可以選擇正確的圖像。下拉列表的value屬性會包含某些選定圖片的ID（可能是圖片文件名，或者是數據庫表中的關鍵字等）。

爲了讓您對您顯示在下拉列表中圖像的方式，請看看在接受這個問題的答案：

Images in dropdown list

Answer 3

這裏是下拉：

@Html.DropDownListFor(model => model.CountyID, new SelectList(Model.allCounties, "CountyID", "CountyName"), "Select.....", new { @class = "form-control", @id = "CountyID", @onchange = "DisplayCountyInfo();" }) 




<div id="CountyView"> 
    @Html.Partial("_CountyView", Model._countyModel) 
</div> 

<script> 
function DisplayCountyInfo() { 
    $("#CountyView").load('@(Url.Action("_CountyView", "Controller", null, Request.Url.Scheme))?id=' + $("#CountyID").val()); 
}; 
</script> 

創建部分視圖

@model Application.Web.ViewModels.CountyViewModel 

<h4><b>@Model.CountyName</b></h4> 
<a href="@Model.URL" target="_blank">@Model.URL</a> 

控制器

[OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")] 
    public ActionResult _CountyView(int id) 
    { 
     var county = _countyService.Get(id); 
     CountyViewModel viewModel = new CountyViewModel() 
     { 
      CountyName = county.CountyName, 
      URL = county.URL 
     }; 
     return PartialView("_CountyView", viewModel); 
    }