AJAX

Counter for selectbox

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Apr 2008

Posts: 485

Reputation: veledrom is an unknown quantity at this point

Solved Threads: 0

veledrom

Offline

Posting Pro in Training

Counter for selectbox

Aug 26th, 2008

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

•

Join Date: Aug 2008

Posts: 954

Reputation: essential will become famous soon enough

Solved Threads: 131

essential

Offline

Posting Shark

Re: Counter for selectbox

Aug 27th, 2008

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...

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<!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>
<!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>

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
<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>
<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>

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
</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>
</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>

Dev.Opera — FOLLOW THE STANDARDS, BREAK THE RULES...

Quick Reply to Thread

Show Printable Version

Other Threads in the JavaScript / DHTML / AJAX Forum

Previous Thread: horizontal menu
Next Thread: displaying image at loading time & display message in success after any operation

Thread Tools	Search this Thread
Show Printable Version Email this Page

DaniWeb Message

Cancel Changes