Javascript 通过单击按钮交换两个“自动图文集”框的值

Javascript 通过单击按钮交换两个“自动图文集”框的值,javascript,jquery,html,jquery-ui,Javascript,Jquery,Html,Jquery Ui,我有两个自动完成文本框。我已经将jQueryUI小部件用于AutoMLETE文本框。我需要通过单击按钮来交换它们的值 自动完成文本框工作正常。但点击按钮,它无法进行交换 这是代码 $(函数(){ var availableTags=[ “动作脚本”, “AppleScript”, “Asp”, “基本”, “C”, “C++”, “Clojure”, “COBOL”, “ColdFusion”, “二郎”, “Fortran”, “好极了”, “哈斯克尔”, “爪哇”, “JavaScrip

我有两个自动完成文本框。我已经将jQueryUI小部件用于AutoMLETE文本框。我需要通过单击按钮来交换它们的值

自动完成文本框工作正常。但点击按钮,它无法进行交换

这是代码


$(函数(){
var availableTags=[
“动作脚本”,
“AppleScript”,
“Asp”,
“基本”,
“C”,
“C++”,
“Clojure”,
“COBOL”,
“ColdFusion”,
“二郎”,
“Fortran”,
“好极了”,
“哈斯克尔”,
“爪哇”,
“JavaScript”,
“口齿不清”,
“Perl”,
“PHP”,
“Python”,
“红宝石”,
“斯卡拉”,
“方案”
];
$(“#from”).autocomplete({
资料来源:availableTags
});
$(“#到”)。自动完成({
资料来源:availableTags
});
$(“#更改”)。在('单击',函数()上{
var pickup=$('#from').val();
$('from').val($('to').val());
$('to').val(皮卡);
});
});
发件人:
致:

您的第一个代码段不起作用,因为您正在将方法与旧版本的jquery一起使用。jQuery
1.7
中引入了
on()
方法

添加较新版本将解决此问题:

$(函数(){
var availableTags=[
“动作脚本”,
“AppleScript”,
“Asp”,
“基本”,
“C”,
“C++”,
“Clojure”,
“COBOL”,
“ColdFusion”,
“二郎”,
“Fortran”,
“好极了”,
“哈斯克尔”,
“爪哇”,
“JavaScript”,
“口齿不清”,
“Perl”,
“PHP”,
“Python”,
“红宝石”,
“斯卡拉”,
“方案”
];
$(“#from”).autocomplete({
资料来源:availableTags
});
$(“#到”)。自动完成({
资料来源:availableTags
});
$(“#更改”)。在('单击',函数()上{
var pickup=$('#from').val();
$('from').val($('to').val());
$('to').val(皮卡);
});
});

发件人:
致:

您的代码保持原样。投票结束…@TJ奇怪的是,这对我来说并不好。它们都不起作用(至少在堆栈片段中是这样),但您的JSFIDLE one起作用。奇怪。非常感谢您的帮助。我只是将代码从$(“#更改”)。在('click',function(){上更改为$(“#更改”)。单击(function(){。就是这样,它工作正常。