AJAX

RSS

Counter for selectbox

Please support our JavaScript / DHTML / AJAX advertiser: Programming Forums

•

Posts: 429

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

•

Posts: 730

Reputation: essential is on a distinguished road

Solved Threads: 104

essential

Offline

Master Poster

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>

The test of a first-rate intelligence is the ability to hold two opposed ideas in the mind at the same time, and still retain the ability to function. One should, for example, be able to see that things are hopeless and yet be determined to make them otherwise.

Thread Tools Display Modes

Quick Reply to Thread

•

Only community members can participate in forum threads. You must register or log in to contribute.

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

•

Views: 657 | Replies: 1 | Currently Viewing: 1 (0 members and 1 guests)

•

Thread Tools	Display Modes
Show Printable Version Email this Page	Linear Mode Switch to Hybrid Mode Switch to Threaded Mode