当我开始使用AJAX键入其中一个文本框时,如何创建一个类似translate.google.com的网页,其中一个文本框的内容会转移到另一个文本框
答案 0 :(得分:0)
这样的东西? http://jsfiddle.net/QY49U/2/
$(document).ready(function() {
$('#input').keyup(function() {
$.ajax({
url: "http://jsfiddle.net/echo/jsonp/",
contentType: 'application/json',
crossDomain : true,
data: {value:$(this).text()},
dataType: 'jsonp',
type: 'POST',
success: function(d) {
$('#output').text(d.value);
}
});
});
});
听起来你正试图自动完成。
结帐jquery-ui的自动完成控件。
http://jqueryui.com/autocomplete/
另一种选择是绑定onkeyup事件并拉取到目前为止输入的值。然后将其交给您的Web服务,并用响应替换您的输出元素。
http://www.w3schools.com/jsref/event_onkeyup.asp
根据您使用的框架,可能内置了一个解决方案。即:ng-model上的角度观察。