Request: Change the pre-built address field so that it includes a US/Can states and provinces drop down, down menu in the combined address field that Knack users must make use of if they want their entries to show up on maps. Problem: In Knack, if you want your records to show up on a map (mutlipl…

I'll cast my YES vote for this feature request.

Hello Brian, How good are you with javascript? You can duplicated javascript code that add state drop down, and also need to add javascript event handler to show hide appropriate drop down according to selected region. with regards, Raju

This is great, thanks Raju! I need to make this specific to the US Address field, as I have another address field for International where the US states don't apply and Province is displayed . The two addresses are on the same page and are controlled dynamically via form display rules, so it is not…

Hi Jeff Spot on, works like a charm, I was changing it and should have just left it alone! I am in the UK and am using it for counties. Not as good as being able to validate / force an entry on each field and letting the user add to each dropdown as described above but certainly a good …

Hi John, Make sure you copy the code from the second time Raju posted it, there were some terminators missing from the first time. Also, you shouldn't need to change anything, just copy the JS and CSS directly as they are listed. The $(document).on('knack-view-render.any' …

Hi, I know this post was a year ago but I could do with some help please. I am trying to set up a drop down for an address field as outlined above, I have copied the code as above both CSS & Javascript. Can I confirm all I need to do is fill in the Scene, View and Field thus: scene_1043 vie…

It's much later, but just stumbled upon this again, and wanted to say 'thanks! it works!'

Also, add following CSS code under API/Code> CSS, to made dropdown array invisible to allow state code visible completely. /*-----------CSS Fix----------*/ select#slstate::-ms-expand {display: none;} select#slstate{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } /*…

Jeff, thanks for noticing the error. I missed line terminators during copying of the javascript code. here goes it again. /*-------------------script start --------------------------*/ $(document).on('knack-view-render.any' , function(event, view, data) { //adding state dropdown …

Hi Raju, Thanks for solving this -- unfortunately it doesn't work for me. I add the code, but it breaks my app. The bar across the top of the screen with the App name loads, but nothing loads below it. I don't know much about javascript, but I'm happy to help troubleshoot if you can talk me through …

50 States Drop-Down in Address Field

Feature Requests

StephenChapman May 23, 2023, 6:02am 13

BUMP - I have added an updated solution here: State Dropdown in Address Field - API & Customization - Knack Community Forum

Topic		Replies	Views
Adding US States Dropdown to Address field Ask Developers	0	413	June 24, 2015
State Dropdown in Address Field API & Custom Code	5	743	September 1, 2023
Address field type selecting abbrv or full state names Feature Requests	0	317	January 12, 2016
Add Javascript list of states to a form field (NOT the Address field) Ask Developers	1	420	January 26, 2016
Rename the address field "Province / Region" Knacksters' Idea Lab	6	777	March 1, 2023

50 States Drop-Down in Address Field

Related topics