echo values

[alanl1]

I have a function which is supoosed to show and hide dropown boxes when I tick and untick a checkbox but it is not working

 

 

function show_hide( isChecked )
{
 document.getElementById('secondDD1').style.display = ( isChecked ? 'block' : 'none' );
   document.getElementById('secondDD1').disabled = !isChecked;
 document.getElementById('thirdDD2').style = ( isChecked ? 'block' : 'none' );
 document.getElementById('thirdDD1').disabled = !isChecked;
}

 

 

<select name="<?php echo "thirdDD" .$c?>" onchange="fillSelect(this,categories[this.value],'<?php echo "thirdDD" .$counter2++ ?>')"><?php
      echo "<option selected>Please Choose</option>";
      echo "<option value='DeviceID3'>DeviceID</option>";
      echo "<option value='Product3'>Product</option>";   
      ?></select>

 

<td>
    <input type=checkbox id=cbox name=cbox value=unselected onclick=show_hide(this.checked);>One to many</td>

 

is there a way to echo out the document element values EG

 

 alert(document.getElementById('thirdDD1')) ;
 

[nogray]

You can just do alert(document.getElementById('thirdDD1').value) ; assuming thirdDD1 is an input, select or textarea.

[ginerjm]

You haven't assigned an id value to the dropdowns.  JS can't see them.

[alanl1]

how do i actually assign a value to it for js to see

[Adam]

JS can "see them", just not using document.getElementById(). You need to find the elements based on the name attribute. This is where frameworks like jQuery come in handy, so you can use a simple selector, like:

 

$('select[name=thirdDD2]')...

This is of course possible with native JS, using document.querySelector(), however it's not supported in older browsers. That means to remain cross-browser compliant, you need to include some fall back code that will use document.getElementsByTagName (which is well supported) and filter out the element with the right name attribute. If you use jQuery (up to v1.9) it will provide that fall back code for you.

[alanl1]

thanks adam got it now