Javascript jquery在选择时自动填充:“按钮事件”
抱歉之前的文章,我有一个自动完成下拉框,在用户从列表中选择一个项目后,我需要将代码发送到服务器端。我想我可以使用select:函数来执行此操作,但什么都不做。。任何帮助都将不胜感激 代码:Javascript jquery在选择时自动填充:“按钮事件”,javascript,jquery,html,Javascript,Jquery,Html,抱歉之前的文章,我有一个自动完成下拉框,在用户从列表中选择一个项目后,我需要将代码发送到服务器端。我想我可以使用select:函数来执行此操作,但什么都不做。。任何帮助都将不胜感激 代码: autocomplete构造函数的source属性定义选择对象的选项,而不是它更改时发生的情况。您将需要以下内容: $(".tb").autocomplete({ //This can be the result of a GET also //Or any function that returns
autocomplete构造函数的source属性定义选择对象的选项,而不是它更改时发生的情况。您将需要以下内容:
$(".tb").autocomplete({
//This can be the result of a GET also
//Or any function that returns a legitimate type for source
source: ["your", "options", "here"]
})
但是,要在用户选择某项内容时发布数据,您需要使用如下更改事件:
$(".tb").change( function () {
$.ajax({
url: "EmployeeList.asmx/FetchEmailList",
data: "{ 'mail': '" + request.term + "' }",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
dataFilter: function (data) { return data; },
success: function (data) {
response($.map(data.d, function (item) {
return {
value: item.Email
}
}))
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus);
}
});
}
假设您已将数据正确绑定到request.term到服务器端端点:EmployeeList.asmx/FetchEmailList,则每当用户使用发送结果的select小部件时,此脚本都会将事件处理程序附加到更改事件
也可考虑使用
$(".tb").val()
如果无法将术语数据绑定到request.term
编辑:
似乎OP希望触发click事件或在其他事件中发送ajax请求
$(".tb").change( function () {
//Manually fire a click event like this
$(".ImageButton1").trigger("click");
})
当然,您需要将一些代码附加到图像按钮的单击事件,以便执行任何操作
$("ImageButton1").click( function () {
//Some code here, for instance your ajax request
//This will fire on the change event of your select object also if you include the code in this example
});
这和我想的一样简单,语法:改变
select: function (event, ui) {
$(".ImageButton1").click();
到
这很好用,很简单再次感谢你的帮助,但这对我来说是新东西。我只想提升事件ImageButton1。在用户从下拉列表中选择后单击。应该很容易。此代码工作正常,但用户不必手动单击按钮。他们不必手动单击按钮,因为每当选择对象发生更改时,事件就会触发。我添加了强制所需的代码。每当选择元素发生更改时,单击按钮。
select: function (event, ui) {
$(".ImageButton1").click();
select: function () { $('#ImageButton1').click(); }