当输入发生更改时,从一组输入中删除内容
Removing content from a set of inputs when input has changed
当用户更改位置字段中的输入时,我需要清除禁用位置的输入。
这是我的代码: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('');
在文档就绪时注册 DOM 输入的键控事件。参考 jsFiddle
$( "#autocomplete" ).on('keyup',function() {
$("input.hidden").val('');
});
是的,你是对的,您可以使用 keyup 事件清除值。
document.getElementById('autocomplete').addEventListener("keyup", function() {
$(".hidden").val('');
});
这是更新和工作的JSFiddle链接
相关文章:
- $q.all当输入数组中的一项不是promise时,Typescript检查器失败
- 如何在一个表的输入中搜索一组特定的值,而不是另一个表's id(s)值以添加css
- 使用一组大的输入框进行表单验证
- 尝试使用 jQuery 序列化() 一组输入字段
- 组合功能以使用 Jquery 在一组单选按钮中显示输入字段和单选按钮
- 对两个不同的输入重复一组摩卡测试
- 当输入发生更改时,从一组输入中删除内容
- jquery表单验证需要一组输入中的一个,并要求输入是整数
- 如果选中复选框,则将一组输入字段设置为禁用
- 在交互方面,不要允许文本输入中的第一个字符是一个空格或一组空格
- 将输入字段中的字符限制为一组字符
- 基于一个值对一组输入使用ng-disabled
- 如何使用html input required属性将一组输入设置为required ?
- 如何获取输入字段,根据一组规则过滤输入并应用于另一个字段
- 检查我的用户输入的是一组长度的数字
- 如何使用jquery防止用户取消一组复选框输入中的所有复选
- jquery的一组输入值乘以dynamic(另一个输入)
- 遍历嵌套到组和节中的一组输入
- 如何在填写现有字段后在表单中添加一组输入字段
- 在js表单上,如何隐藏/显示单选按钮(一组3个按钮中的一个或两个)取决于在上面字段中输入的数字的值