从多个输入字段填充字段
Populating Field from Multiple Input Fields?
我试图用Street Address, City, State和Zip填充字段,但是现在当我在每个字段中输入数据时,它会替换最后一个。
$("#trainer_address").keyup( function () {
$('#location').val($(this).val());
});
$("#trainer_city").keyup( function () {
$('#location').val($(this).val());
});
$("#trainer_state").keyup( function () {
$('#location').val($(this).val());
});
$("#trainer_zip").keyup( function () {
$('#location').val($(this).val());
});
我如何让它保持前一个值,然后添加下一个值,这样我就可以像402 StreetAddress City State, 12345
这样结束了?
下面的脚本会这样做:
var $loc = $('#location'),
address = [],
getAddress = function() {
var str = address.slice(0, 3).join(' ') + ', ' + (address[3] || '');
return str.replace(/'s+/g, ' ').replace(/,'s$/, '');
}
$("#trainer_address, #trainer_city, #trainer_state, #trainer_zip").on({
focus: function() {
$loc.val(getAddress());
},
keyup: function() {
address[$(this).index()] = $(this).val();
$(this).trigger('focus');
}
});
http://jsfiddle.net/J6G9f/1/脚本也正确处理删除部分地址,并自动更新结果
使用+
操作符将旧值与新值连接起来…您可以使用多个选择器来避免多个keyup函数....
试试这个
$("#trainer_address,#trainer_city,#trainer_state,#trainer_zip").keyup( function () {
var location=$('#location').val();
$('#location').val(location + $(this).val());
});
您可以像这样使用本机value
:
$('#location')[0].value += this.value;
那是因为你覆盖了它。尝试连接:
$('#location').val($('#location').val() + $(this).val());
例如:
$("#trainer_zip").keyup( function () {
$('#location').val($(this).val());
});
:
$("#trainer_zip").keyup( function () {
$('#location').val($('#location').val() + $(this).val());
});
为每个keyup()
事件函数执行此操作
相关文章:
- 单击鼠标,用MySQL数据填充html表单输入字段
- 如何用URL预填充wufoo字段
- 根据Rails4中的一个字段自动填充表单
- 在输入字段中选择一个值,然后用相应的数据填充另一个字段
- 自动填充动态字段上的 ajax 响应
- Angularjs 通过选择不同选择框中的两个字段来填充选择框
- 如何使用与单个查找字段相关的信息填充字段
- 使用 JSON 数组填充输入字段
- 动态填充字段的Jquery验证
- IE JavaScript参数和填充输入字段
- 从替代字段填充 jquery UI 日期选择器日期字段
- 基于一个输入字段填充另一个输入字段
- 翡翠选择字段填充数据
- html5输入字段填充问题
- 根据ID号字段填充性别和出生日期字段
- 量角器测试通过,但无法看到搜索字段填充
- 从多个输入字段填充字段
- Javascript:如何打开一个字段填充参数的表单
- 根据另一个字段填充输入
- 高级自定义字段/基于另一个字段填充选择