Asp.net mvc 4 使用razor foreach绑定时从下拉列表中获取选定值

我正在绑定下拉列表，如下所示

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

@foreach（模型中的var项目）
{
形象
}

实际上客户端正在使用一些插件，因为您可以在选项标签中看到数据图像这是绑定图像的唯一选项，我已经这样做了， 现在我想从这个下拉列表中获取所选值，如果我可以使用我的ViewModel发布（使用searlize methode）值会更好请帮助，

---

注意我是MVC新手，因此如果我在任何地方有错误，请忽略，如果有人能建议我在MVC中使用一种方法将图像绑定到@Html。Dropdownfor（）将不胜感激

您可以使用

@Html.DropDownListFor（）

并设置

值=“@item.Id”

如何计划将数据发送到您的服务器？通过post？通过使用未绑定的Seralization！为什么不使用

@Html.DropDownListFor（）

方法？你甚至没有给元素一个

名称

属性，所以使用

.serialize（）

会忽略它。@StephenMuecke好的，我也会使用name属性，但不使用@Html.DropDownListFor（）的原因是我正在用这个下拉列表绑定图像，而@Html.DropDownListFor（）中不允许使用这个下拉列表根据我的研究，您可以使用

数据图片

或

数据图片

ex data image=“url”