Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > ASP .Net > ASP General > Refreshing a href variable using OnChange of a select list

Reply
Thread Tools

Refreshing a href variable using OnChange of a select list

 
 
Paul Eghbal
Guest
Posts: n/a
 
      09-15-2003
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
 
Reply With Quote
 
 
 
 
MDW
Guest
Posts: n/a
 
      09-15-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
>.
>

 
Reply With Quote
 
 
 
 
GIMME
Guest
Posts: n/a
 
      09-15-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>
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Help on onchange event for refreshing the page ruds Javascript 1 11-19-2008 08:07 AM
Self-refreshing and non-self-refreshing controls Harlan Messinger ASP .Net 1 08-04-2006 01:13 PM
Self-refreshing and non-self-refreshing controls Harlan Messinger ASP .Net Web Controls 0 08-03-2006 12:29 PM
using href="#" vs href="javascript:func()" ? kelvlam Javascript 6 07-18-2006 03:59 PM
Refreshing a href variable using OnChange of a select list Paul Eghbal Javascript 3 09-18-2003 04:18 PM



Advertisments