Question

我已经为结帐页面实施了Google自动填充表单。能够将值填充到相应的输入字段。一旦用户从建议列表中选择建议的地址，我就将值填充到输入字段。在这里，我想要自动填充字段（用户首先键入的地方）＃address.line1 值要更改。所以我实现了以下内容：

 var street = document.getElementById("address.line1").value;
 var streetaddress= street.substr(0, street.indexOf(','));
 document.getElementById("address.line1").value = streetaddress;

上面的代码将在＃address.line1中获取值并将值切换到第一个逗号并返回＃address.line1。

当我使用鼠标光标选择建议的地址时，所有工作正常但如果我使用键盘（箭头）选择建议，那么它不会切片地址。 ＃address.line1 正在填满整个 formated_adddress 数组。

演示：http://jsfiddle.net/eze0rfuk/4/

截屏视频：http://screencast.com/t/VW7mAiQL

请建议我可能出现的问题和解决方案......

Answer 1

必须发生这种情况，因为一次点击已经绑定在address.line1上。

你能做的是：

从此输入字段中删除焦点

document.getElementById("addressline1").blur(); var streetaddress= street.substr(0, street.indexOf(',')); document.getElementById("addressline1").value = streetaddress;

将焦点放在下一个输入字段上（在良好的用户体验方面，这实际上是必需的）
```
$("#route").focus();
```
var streetaddress = street.substr（0，street.indexOf（'，'））; document.getElementById（“addressline1”）。value = streetaddress;

如果您有任何疑问，请发表评论。

问候，

Suyash

Google地图自动填充表单自定义

1 个答案: