谷歌地图自动完成表单自定义(Google Map Autocomplete Form Customi

我已经实现了谷歌的自动完成表单结帐页面。我能够fields.Once用户从建议列表中建议的地址正在填充值输入字段来填充值，相应的输入。在这里，我想自动完成场（其中第一用户类型）＃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

请建议我可能是什么问题和解决方案...

这必须发生，因为点击已经绑定在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”）值=的StreetAddress;

如果您有任何更多的查询请评论。

问候，

Suyash