Javascript 如何为“搜索”功能进行自动提交?
我的看法是:Javascript 如何为“搜索”功能进行自动提交?,javascript,ajax,search,model-view-controller,entity,Javascript,Ajax,Search,Model View Controller,Entity,我的看法是: @using (Html.BeginForm()) { <p id="a"> Search par VCMEMBRE/VCPARENT: @Html.TextBox("SearchString") <input type="submit" name="searchType" value="Find!" /> </p> } 这样做: 在html标记中,为onChange事件分配一个函数 <i
@using (Html.BeginForm())
{
<p id="a">
Search par VCMEMBRE/VCPARENT: @Html.TextBox("SearchString")
<input type="submit" name="searchType" value="Find!" />
</p>
}
这样做: 在html标记中,为onChange事件分配一个函数
<input type="text" id="search" onchange="myFunction()" name="searchType" value="Find!" />
早上好
我非常感谢你的帮助
我对代码进行了如下修改:
我的看法是:
@using (Html.BeginForm())
{
<p id="a">
Search par VCMEMBRE/VCPARENT: @Html.TextBox("SearchString")
<input type="submit" name="searchType" value="Find!" />
</p>
}
但我的JavaScript中有一个错误:
JavaScript运行时错误:对象不支持每个属性或方法
function myFunction(){
var searchterm = $("#search");
$.get( "your controller url", { searchString: searchterm} )
.done(function( searchResults) {
searchResults.each(function( index ) {
console.log( index + ": " + $( this ).text() );
});
});
}
@using (Html.BeginForm())
{
<p id="a">
<input type="text" id="search" onchange="myFunction()" name="searchType" value="Find!" />
</p>
}
<script type="text/javascript" language="javascript" >
function myFunction(){
var searchterm = $("#search");
$.get( "Index","SaisieReferentiel", { searchString: searchterm} )
.done(function( searchResults) {
searchResults.each(function( index ) {
console.log( index + ": " + $( this ).text() );
});
});
}
</script>
public class SaisieReferentielController : Controller
{
public ActionResult Index(string searchString)
{
if (!String.IsNullOrEmpty(searchString))
{
axeModel.trcubezonequotas = db.TRCUBEZONEQUOTAS.Where(
(s =>
s.VCMEMBRE.ToLower().Contains(searchString.ToLower())
|| s.VCPARENT.ToLower().Contains(searchString.ToLower())
)
);
return View(axeModel);
}
}