Need helpâ¦any suggestions

riki_gill · December 9th, 2006, 06:23 PM

Hello,
Here is the code:
<tr>
<tr>
<td class="FormCell">Do you live in US? </td>
<td class="FormCell"><input type="radio" value="true" name="Country">Yes</td>
<td class="FormCell"><input type="radio" value="false" checked name="Country">No</td>
</tr>

    <% if true then %>
        <td class="FormCell"> This is a test </td>
<td class="FormCell" colspan="2"><select name="TEST">
        <option selected value="1">0 to 2500</option>
                  <option value="2">2,501 to 5,000</option>
                  <option value="3">5,001 to 8,000</option>
                  <option value="4">8,001 to 20,000</option>
                 <option value="5">over 20,000</option>
                  </select></td>
            <% end if %>
</tr>

What I want is that when the page loads the No (Radio Button) is selected (that is by default) and than if the user select the Yes radio button than the dropdown list shows up (TEST).
I guess there r two ways to do that:
â¢ Using DHTML (java script)
â¢ Or some how using the post back function
I will really appreciate yr help. Itâs kind of urgent.
Thanks a lot for yr time & effort.
Ricky

mat41 · December 10th, 2006, 06:31 PM

try:

<html>
<head>
    <title>Untitled</title>
<script>
  function hide( control, division ) {
   controlChecked = true;
   var mystate = document.all["_state"];
   if ( control.type == "radio" &&
                control.value.substring(0,2) == "No" )
       controlChecked = false;
      if ( control.checked == false )
       controlChecked = false

   if ( controlChecked == true ) {
      document.all[division].style.visibility = "visible";
      if ( mystate.value.indexOf(division) == -1 )
           mystate.value = mystate.value + division + " ";
  } else {
      document.all[division].style.visibility = "hidden";

      if ( mystate.value.indexOf(division) != -1 ) {
          var ar = mystate.value.split(" "+division+" ");
          if (ar.length > 1 )
              mystate.value = ar.join(" ");
          else
              mystate.value = ar[0];
      }
       var argc = arguments.length;

      for ( g = 2; g < argc; g++ ) {
         var elem = document.all[arguments[g]];

          if ( elem.type == "textarea" || elem.type == "text" ) {
              elem.value = "";
          } else {
              if ( elem.length ) {
                  for ( i = 0; i < elem.length; i++ ) {
                      if ( elem.item(i) ) {
                          elem.item(i).checked = false;
                      }
                  }
              } else {
                  elem.checked = false;
              }
          }
      }
}
}

function init() {
      var mystate = document.all["_state"];
      if ( mystate.value != null && mystate.value != "" ) {
          var ar = mystate.value.split(" ");
          for ( i = 0; i < ar.length; i++ ) {
              if ( document.all[ar[i]] )
                  document.all[ar[i]].style.visibility = "visible";
          }
      }
}
</script>

</head>

<body onLoad="init();">
<form name="myform">
<input type="radio" value="Yes" name="yn" onclick="hide(this,'mydiv','tb1','r1','cb1','ckc') " onclick="hide(this,'mydiv')"><b>Yes</b>
<input type="radio" value="No" checked onclick="hide(this,'mydiv')" name="yn"><b>No</b>
<div id="mydiv" class=hidesec>
<select name="TEST">
  <option selected value="1">0 to 2500</option>
  <option value="2">2,501 to 5,000</option>
  <option value="3">5,001 to 8,000</option>
  <option value="4">8,001 to 20,000</option>
  <option value="5">over 20,000</option>
  </select>
</div>
<Input Type="Hidden" Name="_state" Value="STATE ">
</body>
</html>

Wind is your friend
Matt