Hi,

How do we increase and decrease a counter when we click on a selectbox?
Example: I have 3 selectbox. Whenever i click on one selectbox it will print on screen a message 1 selected, 2 selected 3.......

Thank you very much

Please feel free to modify this code to match your needs. If you have any question regarding this code you can document.write('Me on my inbox'). lol! Have a good day...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Some Title</titles>
<script type="text/javascript">
<!-- BEGIN HIDING

/* A simple counter script that will generate each the user select any option in the comboBox! */

var i = 0;
var x = 0;

function _selected() 
{
if ( form1.myselect.options[0].selected ) { i = i + 1;  
form1.myselect.options[0].text = 'Count ' + i; }
if ( form1.myselect.options[1].selected ) { x = x + 1; 
form1.myselect.options[1].text = 'Count ' + x; }
if ( i == 5 || x == 5 ) { alert('\nThat\'s enough for now'); 
 i = ( i == 5 ) ? 0 : i;
x = ( x == 5 ) ? 0 : x; 
  }  
}
// DONE HIDING -->
</script>
</head>
<body>

<form name="form1" action="#" onsubmit="return false;">
<select id="myselect" onchange="_selected();">
<option value="">selection1</option>
<option value="">selection2</option>
</select>
</form>
</body>
</html>
This article has been dead for over six months. Start a new discussion instead.