How to Refresh asp page,when user selects a value in dropdownbox

Hannibal · June 1st, 2010, 10:01 AM

Hi,
I have 2 asp pages - "Home" and "College". The college.asp page is available inside the Home page. So the Home page, has the form element, and the college.asp does not have form element.
The college.asp is inside an iframe of the first page.

I have a dropdown in the college.asp page. There are 3 options in the dropdown, i want to refresh the page, when the user selects the data.
As the college.asp page does not have form element, how to submit the page?
I have tried this, In the college.asp, I have the following:

Code:

<select style="width: 140px" name="RptType"  onchange="javascript:changeType(this.options[this.options.selectedIndex].value)"
       ID="RptType">
       <option value="overall" id="seloverall" selected>Overall</option>
       <option value="Pure" id="selpure">Pure</option>
       <option value="Impure" id="selimpure">Impure</option>
      </select>
<input id=hdnType Type="Hidden" value="overall" name=hdnType /> 
function changeRptType(StrDropdown)
{  
 document.getElementById("hdnType").value =  StrDropdown;  
}
// Server side script starts
 Dim RadioValue1
 set RadioValue1 = Request.Form("hdnType")
 
 strSQL = "sp_getAllData '" & RadioValue1 & "'"
 
 Set rstAllData = Server.CreateObject("ADODB.Recordset")
 Set rstAllData = objConn.ExecuteSQL (strSQL)

I know that inorder to use Request.Form, the page has to be submitted, But how do i submit the page, when there is no form element.

Thank you

Old Pedant · June 2nd, 2010, 07:24 PM

It's not legal HTML to have form elements without <form>...</form>, so your iframe code is illegal.

Why do you not want it to have a <form>??

And why in the world do you copy the selected value to a hidden field???

I both the <select> and the <input type=hidden> were in the same <form>, then in the ASP code the values of

Code:

Request.Form("RptType")
and
Request.Form("HdnType")

would be *IDENTICAL*. You hidden field is serving no useful purpose that I can see.

Old Pedant · June 2nd, 2010, 07:28 PM

In short, why not just do:

Code:

<form method="post">
<select style="width: 140px" name="RptType"  onchange="this.form.submit();">
       <option selected>--choose one--</option>
       <option>Overall</option>
       <option>Pure</option>
       <option>Impure</option>
</select>
</form>

When you omit the action= from a <form>, it submits the page back to itself.

You'd then change your ASP code to use

Code:

Dim RadioValue1
RadioValue1 = Request.Form("RptType")

And I just notice that you were doing

Code:

set RadioValue1 = Request.Form("hdnType")

NO! The set there is INCORRECT.

(And I also got rid of the invalid id='s in your <option> tags!)
(And since the value= in our <option>s were the same as the text, the value= was also unnecessary.)
(Finally, ONCHANGE only triggers is the user *MAKES* a change, which means that with your code the user would never trigger and "Overall" selection. So I changed the default <option> so a user can choose "Overall".)