asked on

How to refresh form page after selection from dropdown?

I have a hidden text area that I would like to show when a particular selection is made from a dropdown box using classic asp.
So I figure the form page would need to refreshed?
I have tried this

onchange="this.form1.submit()"

but it doesn't work.

Thanks in advance experts.

Rajar Ahmed

Are you doing Show/hide process according to selecton of dropdown ?

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript">
function ChangeDropdowns(value){

if(value=="diff"){
document.getElementById('text_are').style.display='none';
}else if(value=="all"){
document.getElementById('text_are').style.display='block';
}
else
{
document.getElementById('all_fields').style.display='none';
}
}
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <select id="test" name="test" onchange="ChangeDropdowns(this.value);">
    <option value="">Select</option>
    <option value="all">Show</option>
    <option value="diff">hide</option>
</select>
 </div> 
<textarea id="text_are" name="text_are" style="display:none" > </textarea>
   </form>
</body>
</html>

Open in new window

colonelblue

ASKER

Thank you. Pretty close but perhaps I should be more exact, my apologies.

I have code here to hide a region. Depending on what the select box's value is when the region would be shown. However the problem is when I initially select an option in the dropdown, the code to check if the region should be shown or not will only work if the page is refreshed otherwise it will not see that I changed the value in the dropdown box.

The effect I am going for is that on this form there is no reason for the "additional fields ( in a table ) to show" if it does not apply to the initially selected choice.

Thanks again!

The select box

<select distinct name="Header" id="Header">
          <option value="<%=((Recordset1.Fields.Item("Page_Header").Value))%>" selected="selected"><%=((Recordset1.Fields.Item("Page_Header").Value))%></option>
          <option value="Maintenance Notice">Maintenance Notice</option>
          <option value="Systems Down">Systems Down</option>
          <option value="All Systems Go">All Systems Go</option>
        </select>



and the hidden region:
<% if Recordset1.Fields.Item("Page_Header").Value = "Maintenance Notice" then ' Adv Conditional Region %>
  <table width="90%" height="75" border="1" cellpadding="7" cellspacing="7" id="form2">
    <tr>
      <td valign="top"><p>For Maintenance Mode
        : </p>
        <table width="381" height="105" border="1" id="form2">
          <tr>
            <td width="131"> Service Date:</td>
            <td width="234"><input name="ServiceDate" type="text" id="ServiceDate" />
              <a href="#" onclick="KW_doCalendar('ServiceDate',0)">Select Date</a></td>
            </tr>
          <tr>
            <td>Sscheduled Time</td>
            <td><input type="text" name="TimeDown" id="TimeDown" /></td>
            </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            </tr>
          </table>
        <p> <br />
          <label for="ServiceDate"></label>
          <br />
          <label for="TimeDown"></label>
          <br />
          </p></td>
      </tr>
  </table>
  <% end if ' Recordset1.Fields.Item("Page_Header").Value = "Maintenance Notice" %>

Open in new window

ASKER CERTIFIED SOLUTION

Rajar Ahmed

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial