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





"Coding Hub - Learn to code" app now available on Google Play Store