Cannot select an option in <select>

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
bagi
Forum Newbie
Posts: 24
Joined: Thu Oct 31, 2013 10:50 am

Cannot select an option in <select>

Post by bagi »

Code: Select all

<div id="catList0">
<select>
<option value="0">Select</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
<div id="catList1"></div>
<script>

function addCat()
{
	var select = "<select><option value=\"0\">Select</option><option value\"1\">1</option><option value=\"2\">2</option><option value=\"3\">3</option><option value=\"4\">4</option></select>";
	document.getElementById("catList1").innerHTML = select;
}
function setCategory()
{
	var arr = [1,2];
	for(var i=0;i<arr.length;i++)
	{
		setCategoryOnce(arr[i], i);
	}
}

function setCategoryOnce(id,lvl)
{
	if(lvl!=0) addCat();
	var options = document.getElementById("catList"+lvl).getElementsByTagName("select")[0].options;
	for(var i in options) if(i.value == id) {i.selected=true; break;}
}

setCategory();
</script>
Where is the problem?
Post Reply