Drop down listbox onChange

We can read the selected option of a drop down list box by using onChange event trigger. The onChange event will trigger one JavaScript function and we will try to read the selected item by using getElementById

<select id=s1 name=no_year onChange="show_date()";>
....
</select>

Here is the code

<html>
<head>
<title>Demo Project on JavaScript listbox onChange</title>
</head>
<script type="text/javascript"> 
function show_date(){
document.getElementById("msg3").innerHTML= document.getElementById("s1").value;
return true;
}
</script>

</body>
<body>

<select id=s1 name=no_year onChange="show_date()";>
<option value=Jan>January</option>
<option value=Feb>February</option>
<option value=March>March</option>
<option value=April>April</option>
<option value=May>May</option>
</select>

<div id='msg3'></div>

</body>
</html>

Video Tutorial on Use of OnChange event
This video is part of a full tutorial about two dependant drop down listbox

This article is written by plus2net.com team.

plus2net.com

More on List Box & JavaScript

ListBox: Basics and How to Manage Listbox using JavaScript
ListBox Validation : Checking if option is selected before submitting a form
ListBox Disable: using disabled property we can disable a listbox by radio button
Adding option: Adding options to a listbox dynamically
Moving Options Moving Options from a listbox to other
Removing Options: Removing options from a listbox
Copying List data : Copying user entered data from one to other form
Dependant list box : Linking two dropdown listboxes
list box with Data : Populating Listbox by taking data from MySQL table
onChange listbox : Triggering JavaScript code when selected option is changed
Listbox Menu: Redirecting page based on selection of listbox

More on JavaScript form Validation

Javascript Form Validation

Email Validation

Disabling the submit button till all the elements of the form are validated

getElementById to access form elements with event handlers

Period button Validation of a form

disabling Period button by a checkbox
Checkbox

How to limit number of checkboxes allowed to be clicked inside a form

Checkbox Validation of a form

Displaying checked value of a check box array

disabling checkbox by button click

Enable or disable of a text box by a checkbox

All Checking & Un checking in a group of checkboxes by single button
ListBox:

Adding options to a drop down list box

Removing options from a drop down list box

Moving options from one drop down list box to other

Dynamic population of second list box based on value of first list box

Datalist adding options

✖

We use cookies to improve your browsing experience. . Learn more

FORUM . Contact us

©2000-2022 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer