我想将最大值（带有 id 并来自 ajax）设置为 Html.EditorFor()

Question

在我从下拉列表中选择后，股票的价值是通过 ajax 来的，我希望用户不能写入大于该股票价值的金额值。我无法将该最大值添加到 html.editorfor

创建.cshtml

         <div class="col-md-10">
                    @Html.EditorFor(model => model.amount, new { htmlAttributes = new { @class = "form-control",min="1", max=$("#stock")} })
                </div>

   <script type="text/javascript">
    $(document).ready(function () {
        $('#depotId').change(function () { sendDataByAjax(); });
    })

    function sendDataByAjax() 
        var materialId= $('#materialId option:selected').val();
        var depotId= $('#depotId option:selected').val();

        if (!materialId || !depoId) {
        }
        $.ajax({
            type: "GET",
            url: "@Url.Action("GetStock", "OutgoingProduct")",
            data: {
                'materialId': materialId,
                'depotId': depotId
            },
            success: function (data) {
                $("#stock").html(data);

            }
        });
    }
    </script>

Answer 1

仅使用像$("#stock") 这样的jQuery 选择器来设置<input> 元素的属性值不是正确的方法。我认为您应该首先定义没有最大值的 EditorFor 助手：

@Html.EditorFor(model => model.amount, new { htmlAttributes = new { @class = "form-control", min="1" }})

然后从客户端的下拉列表中处理change 或onchange 事件，以将max 属性添加或设置到<input> 生成的<input> 元素EditorFor：

$("#dropdownId").change(function () {
    var value = $(this).val();

    // other stuff

    // if the data comes as single value response, just set it to input element with 'prop()'
    $.get('@Url.Action("TargetActionName", "TargetControllerName")', { id: value }, function (data) {
       // set maximum value here
       $('#amount').prop('max', data); 
    });
});