Javascript Form Select Change Options Tutorial Dynamic List Elements HTML5

Adam Khoury · 350K views · 2012 · 16:07

Open on YouTube

Web developmenttutorial

Why Stack Overflow recommends it

Stack Overflow users link it when someone needs to populate or change one dropdown based on another and wants a step-by-step walkthrough of the concept.

Recommended by 1 people across 1 different months, 2013 to 2019.

What it is

A 16-minute beginner tutorial by Adam Khoury on building dependent (cascading) select lists in plain JavaScript and HTML5. It shows how to change the options of a second dropdown based on the choice made in the first, as used for category and subcategory form inputs.

What people said

Recommends Mehdi · 2019-01 · Stack Overflow · on “Populate dropdown based on another dropdown selection using Spring MVC”

You need to write a javascript/jquery code in order to send an AJAX request upon the selection of any option within the first drop-down in order to fetch the second set of your data from database. then after the AJAX response with its data went back to your AJAX function, use another javascript/jquery function to access to the second select tag (using id/class) and fill it up with the acquired data! Refer to this youtube video tutorial for understand the concept behind this and implement it in your own code -> Tutorial [this video]

Cites user2338982 · 2013-05 · Stack Overflow · on “Dynamic Date Select (Php/JS)”

I'm having problems trying to access a function inside a JavaScript script, so I can create a dynamic set of possible dates based on what month is selected. It doesn't even seem to access the JavaScript function 'populate()' at all. The alert doesn't respond. I should probably mention this entire code is called from 'include_once();' in another file. I tried to follow the example from: [this video] <script type="text/javascript"> function populate(month,day){ alert('Javascript Reached'); var month = document.getElementById('month'); var day = document.getElementById('day'); day.innerHTML=""; if (month.value == "Apr" || month.value == "Sep" || month.value == "Jun" || month.value == "Nov" || ){ var

Cites Alex · 2015-09 · Stack Overflow · on “Cannot get a result from one function only”

I am new to javascript. If you can help me I can learn from your code. That is why I have posted my code so I can learn from mistakes. I got that code from ( [this video] ). He teaches javascript. If he is wrong than can help me out to the right direction?