How to create a event to display records depend on selection ofdropdownlist

Question

BSP
how to create a event to display records depend on selection of dropdownlist box,
Using BHTML,
thank you,
regards,
jagrut bharatkumar shukla

Answer 1

1) Copy this script to the code
<script type="text/javascript">
function displayVacationDates() {   
    for (var i=0; i < document.forms[0].Status.length; i++) {
        if (document.forms[0].Status[i].checked && document.forms[0].Status[i].value=='Vacation'){
          document.getElementById('startDateRow').style.visibility='visible';
          document.getElementById('endDateRow').style.visibility='visible';
         if (document.forms[0].Status[i].checked && !(document.forms[0].Status[i].value=='Vacation')){
         document.getElementById('startDateRow').style.visibility='hidden';
          document.getElementById('endDateRow').style.visibility='hidden';
</script>
2) Set initial style to 'hidden'
<tr id="startDateRow" style="visibility:hidden">
<td align="left"><blockquote>
  <p><span class="style16 style8"><strong>Start date:
  </strong></span></p>
</blockquote>                 </td>
<td align="left"><script>DateInput('VacStart', true, 'DD-MON-YYYY')</script></td>
</tr>
<tr id="endDateRow" style="visibility:hidden">
<td align="left"><blockquote>
  <p><span class="style16 style8"><strong>End date:
  </strong></span></p>
</blockquote>                      </td>
<td align="left"><script>DateInput('VacEnd', true, 'DD-MON-YYYY')</script></td>
</tr>
3) Call the display script
<input name="Status" type="radio" value="In the Field" onclick="displayVacationDates()">
<input name="Status" type="radio" value="Vacation" onclick="displayVacationDates()">
<input name="Status" type="radio" value="Sick day" onclick="displayVacationDates()">
<input name="Status" type="radio" value="Admin Day" onclick="displayVacationDates()">
<input name="Status" type="radio" value="DSR Ride Along" onclick="displayVacationDates()">
<input name="Status" type="radio" value="ServiceCall" onclick="displayVacationDates()">