JavaScript Program to Change Options in List Dynamically
Write a JavaScript program to change options in list dynamically.
Source Code
<html>
<head>
<title>Change option in list dynamically</title>
<script>
function resetOptionList(elem)
{
with(document.forms.contact)
{
if(elem == 1)
{
optionList[0].text = "Classic"
optionList[0].value = "1"
optionList[1].text = "Police Cruiser"
optionList[1].value = "2"
}
if(elem == 2)
{
optionList[0].text = "Ford"
optionList[0].value = "1"
optionList[1].text = "Chevy"
optionList[1].value = "2"
}
}
}
</script>
</head>
<body>
<form name="contact">
<p>
<select name="optionList" size="5">
<option value=1>Classic
<option value=2>Police Cruiser
</select><br/>
<input type="radio" name="vehicles" checked="true" value="1" onclick="resetOptionList(this.value)">Motorcycles
<input type="radio" name="vehicles" value="2" onclick="resetOptionList(this.value)">Cars
</p>
<input type="submit" value="Submit"/><br/>
<input type="reset" value="Reset"/>
</form>
</body>
</html>
Output
