Dependent Dropdown in MIT App Inventor | Country City Dropdowns | App Inventor Connected Dropdowns

Channel:

Obsidian Soft

Subscribers:

10,000

Published on April 8, 2024 12:00:02 PM ● Video Link: https://www.youtube.com/watch?v=2kBRE3G_MLM

Category:

Tutorial

Duration: 9:46

946 views

40

📣 📣 📣 📣
If you liked this video, please consider supporting me on Buy Me a Coffee ☕. Your support will help me to continue creating high-quality content.
https://www.buymeacoffee.com/obsidiansoft

Written Tutorial:
https://obsidiansofteducation.blogspot.com/p/country-city-dropdown-in-mit-app.html

In this tutorial, I will show you how to code two dropdowns where the second one is dependent on the first one. In the MIT app inventor, a dropdown is called a spinner. As a bonus, I will be coding a very practical example. I will be making a country and city dropdown where the city dropdown is dependent on which country is selected in the country dropdown. These are very much needed in apps where the user has to provide his city and country.

JSON Files for Country - cities data:

https://github.com/russ666/all-countries-and-cities-json/blob/master/countries.json OR https://github.com/David-Haim-zz/CountriesToCitiesJSON/blob/master/countriesToCities.json


Facebook: https://www.facebook.com/ObsidianSoft/
Instagram: https://www.instagram.com/obsidiansoftapps/
You can contact me at obsidiansoftc@gmail.com

#dropdown #dropdownmenu #appinventor #android #androidappdevelopment #appinventor2 #mitappinventortutorial #appdevelopment #mitappinventor2 #mitappinventor #appinventortutorial #mobileappdev #mobileapp #mobileappdevelopment #mobileappdesign

Other MIT App Inventor Tutorials:

🔢 Calculator:
https://youtu.be/DM_KJbit0mM

🤖 Chatbot powered by GPT 3 (upgrade available below)
https://youtu.be/rFUSqn1uzWA

🤖 Chatbot powered by GPT 3.5 Turbo (Latest)
https://youtu.be/aMQ35-A0Hto

Basketball game in MIT App Inventor:
https://youtu.be/VBrZXKKb2AM?si=xn-d55hym4K5PxNs

🪲 Debugging and Coding Tips for MIT App Inventor:
https://youtu.be/SYd_Dg6DS8k

👣 Pedometer (Step Counter):
https://youtu.be/9Ur1YRCAesA


🎅 Santa Run (Dino Run) Game:
https://youtu.be/i79Jfc7-9dQ

🎞️ ❓Movie Quiz App:
https://youtu.be/QRNrtZG_5zY

Doodle App with WhatsApp Sharing:
https://youtu.be/KjcmJ-U8DSY

🎤🔦 Voice-operated flashlight (Hands Free)
https://youtu.be/24JG5_DmHxQ

⌛ Countdown Timer App:
https://youtu.be/v454FvH7gNw

🛸 Space Invader Game:
https://youtu.be/mPPQVnLJS7U

❓Multiple Choice Quiz App:
https://youtu.be/5e4WwpheM8c

🔦 Strobe Light App:
https://youtu.be/34VrKj0pYag

🏆 Scratch Card App:
https://youtu.be/BUBejde37lU

🧭 Compass App:
https://youtu.be/_5bXiZXjLqI

🕋 Qibla app:
https://youtu.be/eVXTmzrBNuQ

⏰ Alarm Clock App:
https://youtu.be/txrjTCUbFmI

👻 🔨 Smash the Ghost Game:
https://youtu.be/w9pY619xAVU

🎤 Voice Changing App:
https://youtu.be/Ko1H_NxtOLk

🎹 Piano App with Record Music feature:
https://youtu.be/pCgBwwSiJaI

🛒 Shopping List App:
https://youtu.be/kBt2fzEba1c

Reverse Shopping List App:
https://youtu.be/4vDj3q16L1Y

🔊 Noise Pollution App - Sound Pressure Sensor:
https://youtu.be/_M40XWcqMH4

🔘🔘 Custom Radio Buttons in MIT App Inventor:
https://youtu.be/Fcu8Dm9bFoE

💬 Chat App (Messenger App) With Topic-Specific Rooms:
https://youtu.be/ywuKZuA2csc

Free REDIS Cloud Account for custom CloudDB and using same CloudDB for multiple apps:
https://youtu.be/OoTNCQ_32C0

Create Quiz App linked to custom CloudDB:
https://youtu.be/J4ksXNTlq3g

Take Quiz App linked to custom CloudDB:
https://youtu.be/iOEe8iaMrX8

👤 Basic Login/Sign up Screen App:
https://youtu.be/nW_nfbSPDj8

Login/Sign up Screen App with Duplicate User check:
https://youtu.be/Cmy0VueB1zc

Read JSON file and make Dictionary:
https://youtu.be/UDTfAiNaoko

Get/read data from Google Sheet:
https://youtu.be/7Erpfdpkuhg

Write/send data to Google Sheet:
https://youtu.be/JQzDKuzyUoQ
Thanks to Filmora for Intro Music

Chapters:
00:00 Introduction - Dependent Dropdown in MIT App Inventor
00:37 Demo - Dependent Dropdown in MIT App Inventor
00:56 Country city JSON from GitHub - Dependent Dropdown in MIT App Inventor
01:48 UX design - Dependent Dropdown in MIT App Inventor
03:23 Blocks - Dependent Dropdown in MIT App Inventor
03:24 Global variables - App Inventor Connected Dropdowns
03:57 Screen Initialise - Dependent Dropdown in MIT App Inventor
4:55 Decoding json - App Inventor Connected Dropdowns
5:34 Filling up country dropdown - App Inventor Connected Dropdowns
7:35 Filling up Dependent City list - App Inventor Connected Dropdowns

dependent dropdown in mit app inventor,
connected dropdowns in mit app inventor,
App Inventor Connected Dropdowns,
spinner in mit app inventor,
dependent spinner in mit app inventor,
Spinner,
mit app inventor dependent spinner,
app inventor dependent spinner,
app inventor spinner,
mit app inventor spinner,
dependent spinner app inventor,
country city dropdown,
dependent drop down app inventor,
mit app inventor connected dropdowns,
mit app inventor dependent dropdown,
Mit app inventor,
App inventor,
Mit app inventor tutorial,
App inventor tutorial,
App inventor 2,
App inventor 2 tutorial,
App inventor projects,
app inventor stopwatch tutorial,
Mit app inventor projects,