Javascript showing tr when the list item has a specific value
<p>I've to following question. I've a multiple listitem and i want show the three hidden tr i've set to display 'hidden' when the list item has a specific value. </p>

<p>the form elements have the following set up</p>

<pre><code>&lt;tr&gt;
&lt;td&gt;&lt;label&gt;bla&lt;/label&gt;&lt;/td&gt;
&lt;td&gt;&lt;input id='bla'&gt;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>i use the following javascript.</p>

<pre><code>function checkValue(){

var verhuurdVan = document.getElementById('verhuurd_van_datepicker_field').parentNode.parentNode.style.display='none';
var verhuurdTot = document.getElementById('verhuurd_tot_datepicker_field').parentNode.parentNode.style.display='none';
var beschikbaar = document.getElementById('beschikbaar_verhuur_1').parentNode.parentNode.style.display='none'; 

var list = document.getElementById('productstatus_id_ListOn');

for(var i=0; i&lt;list.options.length; i++){ 
    if(list.options[i].value == '1'){
      here the table rows has to be set to display block; 
    }
}
</code></pre>

<p>Ignore the HTML id name's because this is parsed by the CMS i use. </p>

<p>thanks in advance.</p>
