javascript - 当您使用 javascript 在输入字段中输入信息时填充文本区域

Question

我试图从几个输入中获取值并将它们传递到表单外部的文本区域而不提交表单，这是在同一页面上进行的。我使用 javascript 来执行此操作，因为我希望在您在输入中输入信息时填充文本区域，因为我将使用该文本区域作为地址，然后将其标记在 map 上。下面是将地址值传递到文本区域所需的代码的一部分，因为我不是 JavaScript 人员，所以我正在寻求有关代码的下一部分的帮助以在文本区域中显示值。

function getaddress() {
var direccion = document.getElementsByName("direccion").value;
var colonia = document.getElementsByName("colonia").value;
var ciudad = document.getElementsByName("ciudad").value;
var estado = document.getElementsByName("estado").value;
var pais = "Mexico";
var zip = document.getElementsByName("zip").value;
var address = direccion, colonia, ciudad, estado, pais, zip;
}

一旦文本区域填充了上述函数中的值，我就可以添加 ID 地址以从中获取文本并在 map 上显示标记。 map 代码如下

function codeAddress() {

var address = document.getElementById("address").value;
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
     map: map,
     draggable: false,
     position: results[0].geometry.location
});

提前非常感谢大家。

Answer 1

vfor 实时传输使用 keyup 事件:

document.getElementById('x').keyup(function(){
    document.getElementById('y').value = this.value;
});

或者使用 jquery 更容易:

$('#x').bind('keyup', function(){
    $('#y').val($(this).val());
});