MVC Razor Html Helpers - 如何获取和设置 jQuery 参数？

Question

我不知道如何从 DropDownList 获取 CampaignPointsId 并使用 $.getJSON( ... ) 函数中的 return 值设置标签。

剃刀 + jQuery:

@Html.DropDownList("CampaignPointsId", null, new { onchange = "SaveCampaignPoints();" })
    @Html.Label("CampaignPoints", "CampaignPoints: ");
    
<script type="text/javascript">
        function SaveCampaignPoints()
        {
            var url = "/AbilitySets/SaveCampaignPoints";
            
            //selectedId = CampaignPointsId;
  
            $.getJSON(url, { campaignPoints: selectedId }, function(data) { $("#points").html(data.points); });

            // if(points!=null){
            // CampaignPoints = points;}
        }
</script>

Answer 1

在您的模型中，

public class MyModel
    {
//some properties...
[NotMapped]
        public SelectList Items{ get; set; }
}

在控制器中，用项目列表填充模型

可见，

 @Html.DropDownList("Items", Model.Items, "--Select--", new { @id="drpItems"}) 




$(document).ready(function () {

$("#drpItems").change(function () {
        var selectedID = $("#drpItems").val();
//code
}
});

Answer 2

@Html.DropDownList("CampaignPointsId", (SelectList)ViewBag.CampaignPoints, new { onchange = "SaveCampaignPoints(); " }) @Html.Label("CampaignPoints", "CampaignPoints: ")

    function SaveCampaignPoints() {
        var CampaignPointsId = $('#CampaignPointsId').val();

        $.ajax({
            url: "/AbilitySets/SaveCampaignPoints",
            data: { campaignPoints: CampaignPointsId },
            success: function (points) {
                alert(points);
                },
            error: function (points) { alert("error"); alert(points); },
            type: 'POST'
        });
    }

MVC Razor Html Helpers - 如何获取和设置 jQuery 参数？

MVC Razor Html Helpers - How to get and set jQuery parameters?

asp.net-mvc

jquery

razor