javascript - 输入更改时从一组输入中删除内容

Question

当用户更改位置字段中的输入内容时，我需要清除位置禁用的输入。

这是我的代码:http://jsfiddle.net/spadez/6v3kbLbk/7/

var placeSearch, autocomplete;
var componentForm = {
    route: 'long_name',
    locality: 'long_name',
    administrative_area_level_1: 'long_name',
    country: 'long_name',
    postal_code: 'short_name'
};

function initialize() {
    autocomplete = new google.maps.places.Autocomplete(
    (document.getElementById('autocomplete')), {
        types: ['geocode']
    });
    google.maps.event.addListener(autocomplete, 'place_changed', function () {
        fillInAddress();
    });
}

function fillInAddress() {
    var place = autocomplete.getPlace();

    for (var component in componentForm) {
        document.getElementById(component).value = '';
        document.getElementById(component).disabled = false;
    }

    for (var i = 0; i < place.address_components.length; i++) {
        var addressType = place.address_components[i].types[0];
        if (componentForm[addressType]) {
            var val = place.address_components[i][componentForm[addressType]];
            document.getElementById(addressType).value = val;
        }
    }
}

使用谷歌自动建议，我可以使用返回的信息填充字段。但是，当发生以下情况时，我遇到了问题:

用户输入地址的一部分单击自动完成(填充字段)用户删除或修改当前输入Uuser 输入新的内容，但没有点击自动完成

这会将旧值保留在自动完成字段中。我需要的是检查字段中的内容是否发生变化，如果发生变化，则删除红色边框字段中的内容。

任何人都可以告诉我如何做到这一点吗？我的猜测是这样的:

 $('#autocomplete').keyup('input', function() {
     $(".disabledclass").val('');

Answer 1

在文档准备好时注册 keyup 事件以在 DOM 中输入。请参阅jsFiddle

$( "#autocomplete" ).on('keyup',function() { 
  $("input.hidden").val('');
});