Page 1 of 1

Cannot select an option in <select>

Posted: Thu Feb 20, 2014 1:32 pm
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?