Adding and Removing Listitem from ListBox

July 6, 2006 · by Michael Sync · in

<html>

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1252″>
<meta name=”GENERATOR” content=”Microsoft FrontPage 6.0″>
<meta name=”ProgId” content=”FrontPage.Editor.Document”>
<title>New Page 1</title>
<script language=”javascript”>
window.onload = function(){
//var strCook = document.cookie;

}
function loadStates(){
var oLst1 = document.getElementById(“Select1″);
var oLst2 = document.getElementById(“Select2″);

if(document.cookie != “” && document.cookie != oLst1.selectedIndex){
lbl.style.visibility=”visible”;
txt.style.visibility=”visible”;

}
else{
lbl.style.visibility=”hidden”;
txt.style.visibility=”hidden”;
document.cookie = oLst1.selectedIndex;
}

RemoveAll(oLst2);
switch(oLst1.selectedIndex){
case 0: //Myanmar
AddItem(oLst2, “AAA”, “a”);
AddItem(oLst2, “BBB”, “a”);
break;
case 1: //India
AddItem(oLst2, “UP”, “up”);
AddItem(oLst2, “BB”, “b”);
break;
case 2: //US
AddItem(oLst2, “NK”, “nk”);
AddItem(oLst2, “CA”, “ca”);
break;
case 3: //UK
AddItem(oLst2, “LD”, “ld”);
AddItem(oLst2, “CK”, “ck”);
break;

}
}
function RemoveAll(objListBox){
for(var i=objListBox.children.length-1;i>=0;i–)
objListBox.remove(i);
}
function AddItem(objListBox, strText, strId){
var newOpt;
newOpt = document.createElement(“OPTION”);
newOpt = new Option(strText,strText);
newOpt.id = strId;
objListBox.add(newOpt);
}
</script>
</head>

<body>
<SELECT id=”Select1″ name=”Select1″ size=”3″ runat=”server” style=”width: 168; height: 104″ onclick=”loadStates();”>
<OPTION>Myanmar</OPTION>
<OPTION>India</OPTION>
<OPTION>US</OPTION>
<OPTION>UK</OPTION>
</SELECT>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<SELECT id=”Select2″ name=”Select2″ size=”3″ runat=”server” style=”width: 168; height: 106″>
</SELECT>
<p>
<div id=”lbl” style=”visibility:hidden”>ENTER STATE</div>
<input id=”txt” type=text style=”visibility:hidden”></input>
</body>
</html>

Please let me know if this script is not working on ur side.
Thanks.