Refreshing a href variable using OnChange of a select list

TheMSsForum.com: The Microsoft Software Forum

Hi all,
I'm trying to use the following script:

<script language="javaScript">
function setrepto(){
document.aForm.repno.value =
document.aForm.rep.options[document.aForm.rep.selectedIndex].value;
}
</script>

On the following form (Partly in asp):

<form name="aForm">
<select name="rep" OnChange="setrepto();">
<option value="ALL">Select a Rep Here</option>
<%
while not slsrs.eof
repno = slsrs("SLS#")
repname = slsrs("SLSNAM")%>
<option value="<%=repno%>"><%=repname%></option>
<%slsrs.movenext
wend%>
</select>
</form>

To change the value of 'repno' in the following href, which is on the
same page:

<a href="nextpage.asp?rep=<%=repno%>">Click here</a>

So basically, as a user changes the selection, the value of repno in
the above href should change.

Can't get it to work. Can anyone help?

TIA,
Paul
Top

Refreshing a href variable using OnChange of a select list by MDW

MDW
Mon Sep 15 15:58:57 CDT 2003

I *think* what you're saying is that you'd like to change
the page when the user makes a selection from that list?
If that's the case, try this:

<script language="JavaScript">
function setrepto()
{
var myRep =
document.aForm.rep.options
[document.aForm.rep.selectedIndex].value;

self.location = "nextpage.asp?rep=" + myRep;

}
</script>

You can get rid of the anchor link altogether...


>-----Original Message-----
>Hi all,
>I'm trying to use the following script:
>
><script language="javaScript">
>function setrepto(){
> document.aForm.repno.value =
>document.aForm.rep.options
[document.aForm.rep.selectedIndex].value;
>}
></script>
>
>On the following form (Partly in asp):
>
><form name="aForm">
><select name="rep" OnChange="setrepto();">
> <option value="ALL">Select a Rep Here</option>
> <%
> while not slsrs.eof
> repno = slsrs("SLS#")
> repname = slsrs("SLSNAM")%>
> <option value="<%=repno%>"><%=repname%></option>
> <%slsrs.movenext
> wend%>
></select>
></form>
>
>To change the value of 'repno' in the following href,
which is on the
>same page:
>
><a href="nextpage.asp?rep=<%=repno%>">Click here</a>
>
>So basically, as a user changes the selection, the value
of repno in
>the above href should change.
>
>Can't get it to work. Can anyone help?
>
>TIA,
>Paul
>.
>
Top

Re: Refreshing a href variable using OnChange of a select list by gimme_this_gimme_that

gimme_this_gimme_that
Mon Sep 15 17:28:06 CDT 2003

Paul,

Study this example. Paste this html code into a file and view it.

You'll need to make a javascript function for each rep from in the
ASP.

<html><head>
<SCRIPT LANGUAGE="JavaScript">
<!--
function onChange_Rep(ob){
var ii = 0
var ix = ob.selectedIndex
var cat_value = ob.options[ix].value
// hardcoded these categories, can generalize later
if (cat_value == "0")
load_SW_urls()
if (cat_value == "1")
load_GD_urls()
}

function load_SW_urls(){
// Keep deleting first item til all gone
while (document.aForm.thread.length)
document.aForm.thread.options[0] = null
len = document.aForm.thread.length;
document.aForm.thread.options[len] = new
Option("http://www.joinarnold.com", "0",false,true)
len = document.aForm.thread.length;
document.aForm.thread.options[len] = new
Option("http://joinarnold.meetup.com", "1",false,true)
}

function load_GD_urls(){
// Keep deleting first item til all gone
while (document.aForm.thread.length)
document.aForm.thread.options[0] = null
len = document.aForm.thread.length;
document.aForm.thread.options[len] = new Option("http://www.aclu.org",
"0",false,true)
len = document.aForm.thread.length;
document.aForm.thread.options[len] = new
Option("http://www.totalrecall2003.com", "1",false,true)
}

function button_focus()
{
document.aForm.rep.focus()
}

function do_onload() {
load_SW_urls();
button_focus();
}

//-->
</script>
</head><body onLoad="do_onload()" bgcolor=efefaaa >
<center>
<form name=aForm>
<table cellpadding=3 cellspacing=0 border=1 bgcolor=silver width=280 >

<td bgcolor=silver>
<p>
<font face="Tacoma, Verdana, Helvetica" size=2>
<b>Rep</b></font>
<td bgcolor=silver>
<p>
<font face="Tacoma, Verdana, Helvetica" size=2>
<b>Thread</b></font>
</tr>

<tr bgcolor=silver>
<td valign=top>
<select name="rep" onChange="onChange_Rep(this)" >
<option value="0">Arnold Schwarzenegger</option>
<option value="1">Graay Daviss</option>
</select>

<td rowspan=3 valign=top>
<select name="thread" size=1 >
<option value="bogus">____________________</option>
</select>
</tr>


</table>
</form>

</center>
</body>
</html>
Top