MVC中的文本框鼠标出Javascript
我在MVC中有一个文本框和按钮,通过单击按钮可以调用控制器操作,Jquery中的其他代码也可以调用。我想知道如何用文本框外的鼠标替换这个按钮。所以,当用户在文本框中键入内容并尝试转到下一个文本框时,所有这些操作都会发生 这是我创建文本框和按钮的MVC视图代码:MVC中的文本框鼠标出Javascript,javascript,jquery,asp.net-mvc,Javascript,Jquery,Asp.net Mvc,我在MVC中有一个文本框和按钮,通过单击按钮可以调用控制器操作,Jquery中的其他代码也可以调用。我想知道如何用文本框外的鼠标替换这个按钮。所以,当用户在文本框中键入内容并尝试转到下一个文本框时,所有这些操作都会发生 这是我创建文本框和按钮的MVC视图代码: Offer ID: @Html.TextBoxFor(model => model.ID, new { id = "ID" }) <button id="btnSearch" data-url="@Url.Action("
Offer ID:
@Html.TextBoxFor(model => model.ID, new { id = "ID" })
<button id="btnSearch" data-url="@Url.Action("GetOffer", "LookUp")" class="btn btn-success search pull-left">Search</button>
以及调用什么操作来代替此行:
$("#btnSearch").click(function (evt) {
处理文本框的
.change()
事件,而不是mouseout
。您可以使用将url添加到文本框中
@Html.TextBoxFor(m => m.ID, new { data_url = "Url.Action("GetOffer", "LookUp")" })
注意文本框的id
属性默认情况下是id=“id”
(由html帮助程序生成),因此您不需要new{id=“id”}
。那么脚本就可以
$("#ID").change(function () {
var url = $(this).data('url');
getByOfferId(url);
}
或者,假设脚本不在单独的文件中,您也可以使用(不带数据url
属性)
$("#ID").change(function () {
var url = '@Url.Action("GetOffer", "LookUp")';
getByOfferId(url);
}
你不想“老鼠出来”。您需要处理文本框
.change()
事件-$('#ID').change(function(){//your code})
你可以删除新的{id=“id”}
(它将id
属性“更改”为原来的属性)@StephenMuecke谢谢这行数据url=“@url.Action”(“ActioName”,“controllerName”)?你可以把它放在文本框-@Html.TextBoxFor(m=>m.id,new{data\u url=“url.Action”(“ActionName”)中controllerName”)“})
并使用var url=$(this.data('url')访问它
或只是将其放入.change()
函数-var url='@url.Action(“ActionName”,“controllerName”)代码>@StephenMuecke太好了,它工作得很好,谢谢。
$("#ID").change(function () {
var url = $(this).data('url');
getByOfferId(url);
}
$("#ID").change(function () {
var url = '@Url.Action("GetOffer", "LookUp")';
getByOfferId(url);
}