欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

html中autocomplete无效,OnChange和AutoComplete都不能使用HTML.TextBox

发布时间:2025/3/21 HTML 52 豆豆
生活随笔 收集整理的这篇文章主要介绍了 html中autocomplete无效,OnChange和AutoComplete都不能使用HTML.TextBox 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

我正在尝试使用MVC和Jquery。

我已经定义了一个像

@Html.TextBox("SearchParam")这样的文本框

和我的脚本如下:

$(document).ready(function () {

$('#SearchParam').change(function () {

var source = $.ajax({

url: "/Search/SearchText",

type: "post",

async: false,

data: { searchText: $('#SearchParam').val() },

//success: function (result) {

// alert("Data");

//}

});

$('#SearchParam').autocomplete({

dataType: "json",

source: source

});

});

});

//function onSearchParamChange(){

// var source = $.ajax({

// url: "/Search/SearchText",

// type: "post",

// async: false,

// data: { searchText: $('#SearchParam').val() },

// //success: function (result) {

// // alert("Data");

// //}

// });

// $('#SearchParam').autocomplete({

// dataType: "json",

// source: source

// });

//};

$("#submitButton").click(function () {

// var data = new FormData($("#searchFrm")[0]);

$.ajax({

url: "/Search/Search",

type: "post",

data: $("#searchFrm").serialize(),

success: function (result) {

$("#partialBody").html(result);

}

});

});

你可以注意到我尝试使用onSearchParamChange()函数也是通过定义文本框如下:

@Html.TextBox("SearchParam", null,new { @onchange = "onSearchParamChange();" })

但以下问题仍然存在:

1.文本更改时不会触发TextBox Change事件,而是在文本框失去焦点或模糊时触发。

2.即使焦点松散,数据也会正确返回,但自动完成功能不起作用。

我正在使用MVC 3和jquery ui 1.8.20并在Chrome中进行测试..

请帮助..

《新程序员》:云原生和全面数字化实践50位技术专家共同创作,文字、视频、音频交互阅读

总结

以上是生活随笔为你收集整理的html中autocomplete无效,OnChange和AutoComplete都不能使用HTML.TextBox的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。