在c#代码MVC . net中检索html中的id元素

本文关键字:html 中的 id 元素 检索 代码 MVC net | 更新日期: 2023-09-27 18:05:48

我在MVC . net应用程序中工作。我给元素ID赋一个值,像这样:

document.getElementById("latbox").value = event.latLng.lat();

,我检索它,像这样显示:

<p>Latitud: <input size="20" type="text" id="latbox" name="lat" ></p>

问题是,如何在控制器中找到这个值?谢谢。

在c#代码MVC . net中检索html中的id元素

在您的视图中,您可以使用您分配所需值的<input type='hidden' name='lat'/>。注意,它必须与控制器参数

的名称匹配。
    @using (Html.BeginForm("Action", "Controller", FormMethod.Post))
    {
        <p>Latitud: <input size="20" type="text" id="latbox" name="lat"></p>
        <input type="hidden" name="lat" id="latbox-hidden" />
        <input type="submit" value="submit" />
    }
    <script type="text/javascript">
      var lat = document.getElementById("latbox");
      lat.value = "foo";
      document.getElementById("latbox-hidden").value = lat.value;
      alert(document.getElementById("latbox-hidden").value);
    </script>

和你的控制器:

    [HttpPost]
    public ActionResult Action(string id, string lat) //same name to bind
    {
             //do your thing
    }

HTML字段使用name属性发布,在您的示例中是" late "。在控制器上,你可以有这样一个参数:

string lat

它将获取HTML输入元素的值

您也可以使用ajax调用发送数据到操作

<head runat="server">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var serviceURL = '/AjaxTest/FirstAjax'; // give path of your action
        var param = document.getElementById("latbox");
        $.ajax({
            type: "POST",
            url: serviceURL,
            data: param,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: successFunc,
            error: errorFunc
        });
        function successFunc(data, status) {     
            alert(data);
        }
        function errorFunc() {
            alert('error');
        }
    });
</script>