javascript - MVC 从 javascript 选择模型的数据

Question

我正在将模型 IEnumerable 传递给 View 。将模型附加到下拉列表

 @Html.DropDownList("ddlOffers", new SelectList(Model,"Id","Title"))
 <p id="result"></p>

我有关于更改的 JavaScript，我正在选择值

<script>
$(function () {
    $("#ddlOffers").change(function () {
        alert(this.value);
    });
});
</script>

它正在检索正确的值 Id。从列表中选择时，我想根据选择从模型中获取记录详细信息(例如标题、创建者...等)。

如何使用 JavaScript 中选择的值 Id 从模型中选择正确的数据？然后我应该将数据附加到 p 标签吗？我走在正确的轨道上吗？或者有更简单的解决方案吗？

感谢您的阅读。

Answer 1

什么@Html.DropDownList要做的就是生成这样的 html:

<select id="ddlOffers" name="ddlOffers">
    <option value="somevalue">sometext</option>
    ... for all your options
</select>

如果您只需要选择的值，jquery 中有一个快捷方式:

<script>
$(function () {
    $("#ddlOffers").change(function () {
        alert($(this).val());
    });
});
</script>

或者，如果您需要除该值之外的任何内容，您可以获取所选的 <option>本身由

<script>
$(function () {
  $("#ddlOffers").change(function () {
     console.log($(this).find("option:selected"));
     console.log($("#ddlOffers option:selected"));  //both of them do the same thing
  });
});
</script>