Javascript Form Select Change Options Tutorial Dynamic List Elements HTML5




Lesson Code: http://www.developphp.com/video/JavaScript/Form-Select-Change-Dynamic-List-Option-Elements-Tutorial
In this Javascript video lesson you will learn how to program dynamic select form list elements. To demonstrate the logic we will show how to change options of a select list based on the selection the user makes from the first list. A web application developer will definitely need to know how to do this when they get into form programming that involves data intake of categories and subcatories from a user.

Original source


34 responses to “Javascript Form Select Change Options Tutorial Dynamic List Elements HTML5”

  1. First let me say how much I appreciate your videos especially after wading through all the entries posted by people who are either unable to speak (who knows, maybe they don’t have microphones or sound cards) Or their English is Sooo heavily accented as to be entirely unintelligible. Simply a useless waste of time. Your videos on the other hand are great, absolutely the best. Not only that, but your code works. I love it.

    OK, I’ve been wanting to tell you that for some time. Now to the main point of my comment which is to ask if it may be possible to expand on this video to demonstrate how to save the result of this to a database. It would seem the logical goal to save the “pair” to a variable that can be used elsewhere i.e. like send to DB.

  2. Hey..great explanation..But when I tried , I got exception and not working it seems.The exception is "Uncaught TypeError: Cannot read property 'add' of undefined" at this piece of code " s2.options.add(newOption);" please help me on this ..

  3. Hey, I am trying to create an option with the image where you have an image and you click on a particular part in image and the data loads. For Example, I have an image of Car Engine where I click on piston and it gets details on piston. Need to create something like this i.e. selection within image. Can you please let me know on how to do it or any source where i can find it. Thanks in advance

  4. Hello sorry, but how could I do it, if at the time of selecting an option I would like a reference image, ie if I choose chevy shows chevy options and a right side reference image

  5. Thanks for this tutorial, what if we need to dynamically populate select elements three levels deep, also is it possible to populate a value on the third level dependent on a specific value in level 2 ? use case : Campus (Level 1) > Building (Level 2) > Room No (Level 3).

Leave a Reply