Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery在选择时自动填充:“按钮事件”_Javascript_Jquery_Html - Fatal编程技术网

Javascript jquery在选择时自动填充:“按钮事件”

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

抱歉之前的文章,我有一个自动完成下拉框,在用户从列表中选择一个项目后,我需要将代码发送到服务器端。我想我可以使用select:函数来执行此操作,但什么都不做。。任何帮助都将不胜感激

代码:


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(); }