Handle action of drop-down-list in javascript and php in the same form

Question

I am trying to create a set of dropdown boxes that are interconnected using PHP and JavaScript.

My objective is to read an input value from a dropdown box, and use it to determine the values of other dropdown boxes.

An example of this is a dropdown list for States where the user takes the following actions:

Choose a State
Choose the province within that State
Choose the city within that province

I wish to do something like this, but reading value from the Database and use the afore mentioned techonologies.

can you show what you have tried I mean code that you tried to solve this problem?? — Farhad Rakib
– Farhad Rakib, Commented Apr 22, 2016 at 16:24

Travesty3 · Accepted Answer · 2016-04-22 16:37:29Z

1

Database queries are executed by PHP. PHP is executed on the server-side.

HTML is rendered on the client-side, which is where user interactions take place.

So to get information from the database based on user interaction, you need to make an HTTP request to get information back from the server.

To do this, you would use AJAX. Read up on that for the solution to your problem.

answered Apr 22, 2016 at 16:37

Travesty3

14.5k7 gold badges64 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Flame_Phoenix · Accepted Answer · 2016-04-22 16:39:52Z

0

Without specifying any libraries that you are using one can only guess. However, after a quick search, I recommend the following plugin:

http://www.cssscript.com/generic-country-state-dropdown-list-countries-js/

Github also has a very interesting project regarding this:

https://github.com/mrmarkfrench/country-select-js

These solutions will help you avoid the need to use a DB. However, if you really need to do it, then you have to use AJAX and make at least a request to the server.

Overall if you use a library like jQuery or a Framework like Angular things can be easier, but you can still manage with what you have.

Hope it helps!

answered Apr 22, 2016 at 16:39

Flame_Phoenix

17.8k40 gold badges147 silver badges287 bronze badges

Collectives™ on Stack Overflow

Handle action of drop-down-list in javascript and php in the same form

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related