Скачать или смотреть Javascript Dependent Select Options Tutorial | Country Based Depandent | Dynamically Populate Select

Javascript Dependent Select Options Tutorial | Country Based Depandent | Dynamically Populate Select

html file:
html
body
label for="common" Choose a Value: /label
select id="common" name="common" onchange=changeDropdownValue(this.value)
option value"" disabled selected Select /option
option value="Fruits" Fruits /option
option value="Vegetables" Vegetables /option
option value="Countries" Countries /option
/select
br
br
label for="category" Value displayed based on common dropdown: /label
select id="category" name="category"
option value"" disabled selected Select /option
/select
script src="dynamicDropdown.js"
/script
/body
/html

Javascript file:
var commonValues ={
Fruits : ["Apple","Mango"],
Vegetables :["Brinjal","Carrot"],
Countries : ["India","US"]
}

function changeDropdownValue(value){
if(value.length == 0){
document.getElementById("category").innerHTML = "option /option";
}else{
var commonOptions = "";
for(categoryID in commonValues[value]){
commonOptions +=" option " + commonValues[value][categoryID] + "/option"
}
document.getElementById("category").innerHTML = commonOptions
}
}

Chapters:
0:00 - Introduction to the video
0:57 - Creating a HTML File for Front End View
6:58 - JavaScript file to create dynamic dropdown values
12:00 - Execution of the program
12:27 - End tags and subscription to the channel

My second Channel:
WrestleTalkByAzhar -    / wrestletalkbyazhar  

Next Steps :

---------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------
Must Watch Playlists

► 1. Javascript -    • Javascript Factory  
► 2. Puppetter -    • Puppeteer  
► 3. Cypress -    • Cypress  
► 4. Tech works -    • Видео  
► 5. Vbscript Basics To Advanced -    • VBScript Part 1 -  Features Advantages Dis...  
► 6. Jmeter -    • Jmeter Tutorials  
► 7. Excel -    • Videos On Excel  
► 8. Appium -    • Appium  
► 9. Shares -    • Shares  
► 10. Javascript Interview Questions -   • Javascript Interview Questions  
► 11. C# Tutorials -    • C# Factory  
► 12. HTML & CSS -    • HTML & CSS  
► 13. Browser Console -    • Browser Console  
► 14. JSON -    • Videos on Json  
► 15. Specflow -    • Specflow Tutorials  
► 16. MongoDB -    • MongoDB Tutorials  
---------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------

#javascript
#html
#css