David Schure

<div>
Hi Chris I am getting an error on the first line of your code... Also I tried this ...and the first select gives me the names the second select gives me 0,1,2,3 <pre><code class="code-10 nolinks" id="code-20-43117686-1">&lt;script&gt;
&nbsp; &nbsp;
&nbsp; &nbsp;var stateObject = {
&nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp;"India": ["Delhi","Kerala","Goa"],
&nbsp; &nbsp;
&nbsp; &nbsp;//"United States": {"Alabama": [""],"Alaska": [""],"Idaho": [""],},
&nbsp; &nbsp;
&nbsp; &nbsp;//"Australia": {"South Australia": [""],"Victoria": [""]},
&nbsp; &nbsp;
&nbsp; &nbsp;//"Canada": {"Alberta": [""],"Columbia": [""]},
&nbsp; &nbsp;}
&nbsp; &nbsp;
&nbsp; &nbsp;window.onload = function () {
&nbsp; &nbsp;var countySel = document.getElementById("countySel"),
&nbsp; &nbsp;stateSel = document.getElementById("stateSel")
&nbsp; &nbsp;for (var country in stateObject) {
&nbsp; &nbsp;countySel.options[countySel.options.length] = new Option(country, country);
&nbsp; &nbsp;}
&nbsp; &nbsp;countySel.onchange = function () {
&nbsp; &nbsp;stateSel.length = 1;
&nbsp; &nbsp;if (this.selectedIndex &lt; 1) return;
&nbsp; &nbsp;for (var state in stateObject[this.value]) {
&nbsp; &nbsp;stateSel.options[stateSel.options.length] = new Option(state, state);
&nbsp; &nbsp;}
&nbsp; &nbsp;}
&nbsp; &nbsp;}
&nbsp; &nbsp;&lt;/script&gt;
</code></pre>
</div>

<div>
Hey David, 
 
You don't say what error you're getting !! 
 
Here's my <a href="https://jsfiddle.net/ChrisStanyon/mvk2npLz/" rel="ugc">code in a fiddle</a> and you can see it's working. 
 
In the second loop, we need to be using OF instead of IN: 
 
for (let state of stateObject[this.value]) {
</div>

<div>
Yes I see it works in Fiddle...here is a screen shot of my screen<a href="https://filedb.experts-exchange.com/incoming/2020/07_w28/1473826/error.png" rel="ugc"><img src="https://filedb.experts-exchange.com/incoming/2020/07_w28/1473826/error.png" class="fr-fic fr-dib"></a>
</div>

error.png

<div>
your code works......its just the screen error in dreamweaver.........
</div>

<div>
<a href="http://www.mediascrubber.com/Join-Us.html" rel="ugc">http://www.mediascrubber.com/Join-Us.html</a>&nbsp;
</div>

<div>
Ahhhh Dreamweaver :( 
 
My code is using newer standards in JS (I'm using let instead of var). Looks like Dreamweaver hasn't caught up with modern standards yet !! Might be time to upgrade - or using a better IDE ;)
</div>

<div>
Thank you Chris. &nbsp;I appreciate your help!&nbsp; I'll just ignore hat error for now! LOL!&nbsp; Can you recommend any newer ones?
</div>

<div>
Hey David, 
 
It's not really an error as such. Historically, we used var to declare variables, but in more modern code, we use let. It's all about scoping your variables. Let declares your variables within a given scope, so it's safer and more robust. If you want to get rid of DreamWeaver's 'error' just change the let to var, but personally, I'd leave it as let and ignore the error. 
 
As for alternative IDEs, I'm currently using Microsoft's VS Code. Really great IDE that works for all your developments stacks (css / html / php / javascript etc). It's a pure code-editor, so there's no visual drag-and-drop for creating your pages. It's solid out of the box, but once you extend it with plugins, you will find yourself writing cleaner code, quicker. 
 
To be fair, I haven't used DreamWeaver for about 15 years, so I'd hope it's better than it used to be. You may have the option to change the syntax checking on your JS files. There are different versions of JS, so it may just be setup to lint an older version. Look through the options, and if possible, change it to ECMAScript 2015 (ES6). Bear in mind though that ES6 is't fully supported in Internet Explorer, so if you still need to support older browsers, you may be forced into coding against an older standard.
</div>

<div>
<div class="content wysiwyg-content">
I am trying to clean this array up by removing the [&quot;&quot;] tags. &nbsp;Every time I do the code breaks. 
There are two select boxes. &nbsp;First one chooses the region, &quot;United States&quot;, &quot;India&quot;,etc. &nbsp;Then the next one chooses the &quot;State&quot;, etc. 
 

<pre><code class="code-10 nolinks" id="code-10-29187513-1">&lt;script&gt;
	var stateObject = {
		
	&quot;India&quot;: {&quot;Delhi&quot;: [&quot;&quot;, &quot;&quot;],&quot;Kerala&quot;: [&quot;&quot;, &quot;&quot;],&quot;Goa&quot;: [&quot;&quot;, &quot;&quot;],},
	
	&quot;United States&quot;: {&quot;Alabama&quot;: [&quot;&quot;],&quot;Alaska&quot;: [&quot;&quot;],&quot;Idaho&quot;: [&quot;&quot;],},
	
	&quot;Australia&quot;: {&quot;South Australia&quot;: [&quot;&quot;],&quot;Victoria&quot;: [&quot;&quot;]},
	
	&quot;Canada&quot;: {&quot;Alberta&quot;: [&quot;&quot;],&quot;Columbia&quot;: [&quot;&quot;]},
	}
	window.onload = function () {
	var countySel = document.getElementById(&quot;countySel&quot;),
	stateSel = document.getElementById(&quot;stateSel&quot;)
	for (var country in stateObject) {
	countySel.options[countySel.options.length] = new Option(country, country);
	}
	countySel.onchange = function () {
	stateSel.length = 1;
	if (this.selectedIndex &lt; 1) return;
	for (var state in stateObject[this.value]) {
	stateSel.options[stateSel.options.length] = new Option(state, state);
	}
	}
	}
	&lt;/script&gt;
</code></pre>
</div>
</div>

I am trying to clean this array up by removing the [""] tags.  Every time I do the code breaks.
There are two select boxes.  First one chooses the region, "United States", "India",etc.  Then the next one chooses the "State", etc.

(CODE)

Cleaning Up An Array

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.