在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>
问题是,如何在控制器中找到这个值?谢谢。
在您的视图中,您可以使用您分配所需值的<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>