将值从Javascript函数传递到MVC模型

Pass value from Javascript function to MVC Model

本文关键字：MVC 模型 函数 Javascript      更新时间：2024-03-10

我有以下ViewModel：

namespace SimpleModel.ViewModels
{
    public class ClientSearch
    {
       public int Type { get; set; }
       public string String { get; set; }
    }
}

以下是HTML代码片段：

<div id="clientSelect">
    <input type="radio" name="clientSelect" value="1" />Account Number<br />
    <input type="radio" name="clientSelect" value="2" />ID Number / Company Number<br />
    <input type="radio" name="clientSelect" value="3" />Surname / Company Name<br />
    @Html.EditorFor(model => model.String)
</div>
<p>
    <input type="submit" value="Search" onclick="clientSearch('clientSelect')" />
</p>

我有以下JavaScript函数：

<script type="text/javascript">
    function clientSearch(strGroupName) {
        var selectedValue = 0;
        var arrInputs = document.getElementsByTagName("input");
        for (var i = 0; i < arrInputs.length; i++) {
            var oCurInput = arrInputs[i];
            if (oCurInput.type == "radio" && oCurInput.name == strGroupName && oCurInput.checked)
                selectedValue = oCurInput.value;
        }
     }
</script>

我需要从Javascript函数中用selectedValue更新ClientSearch模型Type字段，这样我就可以将模型传回控制器进行处理。

如有任何帮助，我们将不胜感激。

首先，这个对象是不好的，你不能有一个属性是c#关键字

public class ClientSearch
{
   public int Type { get; set; }
   public string String { get; set; } // This right here is a reserved c# keyword
}

因此，将ClientSearch类更改为类似的类

public class ClientSearch
{
   public int Type { get; set; }
   public string SearchString { get; set; }
}

然后您的视图将看起来像：

<div id="clientSelect">
    @Html.RadioButtonFor(x => x.Type, 1) @:AccountNumber<br/>
    @Html.RadioButtonFor(x => x.Type, 2) @:ID Number / Company Number<br/>
    @Html.RadioButtonFor(x => x.Type, 3) @:Surname / Company Name<br />
    @Html.TextBoxFor(model => model.SearchString)
</div>
<p>
    <input type="submit" value="Search" />
</p>

不需要javascript。。。想象一下：）

相关文章：