从下拉列表中获取选定的值，同时使用razor foreach绑定它

Question

我正在绑定下拉列表

<select id="example1">
     @foreach (var item in Model)
      {
       <option value=@item.Id data-image=@item.Document_Page_URL>Image</option>
      }
</select>

实际上客户端正在使用一些插件，因为你可以在选项标签中看到data-image这是绑定图像的唯一选项，我已经这样做了， 现在我想从这个下拉列表中获取选定的值，如果我可以使用我的ViewModel发布（使用searlize methode）值，请帮助， 注意我是MVC中的新手，所以如果我错了，请忽略任何有问题的地方，如果任何人可以建议我在mvc中将图像绑定到@ Html.Dropdownfor（）的方法将不胜感激< / p>

Answer 1

您可以使用@Html.DropDownListFor()并设置value="@item.Id"