looping through dropdown box ids

[alanl1]

I have a function as shown below that makes dropdown boxes appear and disappear based on a checkbox being ticked or unticked.

 

Is there a way to loop through these as there could be 2 dropdowns or maybe even 50.

I have tried the for loop within the function but it does not seem to like it!

any ideas???

 

 

 
function show_hide( isChecked )
{
 alert(isChecked) ;
//Can i loop through the dropdowns rather than hardcode them all as the number is unknow per spreadsheet.
// This for loop does not work...
 foreach ($_POST['secondDD'] as $boxIndex=>$boxValue)
 {
 alert(document.getElementById('secondDD[$boxIndex]').value) ;
 }

 document.getElementById('secondDD[1]').style.display = ( isChecked ? 'block' : 'none' );
   document.getElementById('secondDD[1]').disabled = !isChecked;
 document.getElementById('secondDD[2]').style.display = ( isChecked ? 'block' : 'none' );
   document.getElementById('secondDD[2]').disabled = !isChecked;
 
}
 

[Barand]

PHP runs on the server.

 

JS runs on the client once PHP has rendered the page.

[alanl1]

yes, so can they be looped through or is it impossible

 

 

thanks

[rwhite35]

You might want to try a JQuery approach. 

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
  
  $('input[type=checkbox]').click(function(){
     $('input[type=checkbox]').hide();
     //alert("That was clicked");
  });
});

I only tried it with on checkbox, but this should give you some direction.

Edited June 12, 2013 by rwhite35

[rwhite35]

You might want to try a JQuery approach. 

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
  
  $('input[type=checkbox]').click(function(){
     $('input[type=checkbox]').hide();
     //alert("That was clicked");
  });
});

I only tried it with on checkbox, but this should give you some direction.

I should add to this and say if you have already ran the PHP code and output the page, then any client side functionality (like hiding checkboxes) should be handled on the client side.  If on the next step, you only want to show the checkboxes that were not (or were) selected, then you would have another PHP code block on the next page to display what you want.  Does that make sense?

Edited June 12, 2013 by rwhite35

[alanl1]

i tried putting that in but it just shows errors

[rwhite35]

i tried putting that in but it just shows errors

What was the error?

[alanl1]

just says there is a syntax error

[trq]

You better figure out what that syntax error is then and come back when your more willing to provide information.