Thursday, 15 January 2015

Google Autocomplete Address - How to change input id -



Google Autocomplete Address - How to change input id -

(and sorry limited english).

i utilize google places autocomplete (https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform?hl=fr) address form , need modify input id.

currently results displayed in form :

<input class="field" id="street_number" disabled="true"></input> <input class="field" id="route" disabled="true"> <input class="field" id="locality" disabled="true"> <input class="field" id="administrative_area_level_1" disabled="true"></input> <input class="field" id="postal_code" disabled="true"> <input class="field" id="country" disabled="true"></input>

but need have :

<input class="field" id="streetnumb" disabled="true"></input> <input class="field" id="rue" disabled="true"> <input class="field" id="ville" disabled="true"> <input class="field" id="departement" disabled="true"></input> <input class="field" id="cp" disabled="true"> <input class="field" id="pays" disabled="true"></input>

can help me please ?

i had same problem. changed fillinaddress function utilize inputs name(getelementsbyname) instead of id

js

function fillinaddress() { var place = autocomplete.getplace(); (var component in componentform) { document.getelementsbyname(component)[0].value = ''; document.getelementsbyname(component)[0].disabled = false; } (var = 0; < 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.getelementsbyname(addresstype)[0].value = val; } } }

html

<input class="field" name="street_number" id="streetnumb" disabled="true"></input> <input class="field" id="rue" name="route" disabled="true"> <input class="field" id="ville" name="locality" disabled="true"> <input class="field" id="departement" name="administrative_area_level_1" disabled="true"></input> <input class="field" id="cp" name="postal_code" disabled="true"> <input class="field" id="pays" name="country" disabled="true"></input>

autocomplete google-places-api

No comments:

Post a Comment