Ad:

JavaScript / DHTML / AJAX Discussion Thread
Unsolved
Views: 39613

Aug 12th, 2005

How to make javascript form autochange - "Onchange"?

Expand Post »

Hello, I have this code:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<select name="product" class="buy">
                  <option value="products.php" selected>Select Term</option>
                  <option value="products.php?item=1&term=1">2 Month</option>
                  <option value="products.php?item=1&term=3">3 Months</option>
                  <option value="products.php?item=1&term=6">4 Months</option>
                  <option value="products.php?item=1&term=12">5 Months </option>
                </select>
<select name="product" class="buy">
                  <option value="products.php" selected>Select Term</option>
                  <option value="products.php?item=1&term=1">2 Month</option>
                  <option value="products.php?item=1&term=3">3 Months</option>
                  <option value="products.php?item=1&term=6">4 Months</option>
                  <option value="products.php?item=1&term=12">5 Months </option>
                </select>

I need to make it so as soon as you click that select box, it loads the url (value)... if anyone can help me that would be great!

Similar Threads

Make Background Form is Transparent in VB.NET
javascript works in IE but not working in firefox in JavaScript / DHTML / AJAX
Error while trying the update query in ASP
Check existing users in the database in ASP
Javascript, Form fields validation and submit in JavaScript / DHTML / AJAX

Philz

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

3 posts
since May 2005

Permalink

Aug 12th, 2005

Re: How to make javascript form autochange - "Onchange"?

Loads it where?

Look at some of the code in this article: Creating an HTML "ComboBox" control

It demonstrates all the techniques you'll need to reference Select/Option controls, retrieve their values, and copy them into other controls.

tgreer

Team Colleague

Reputation Points: 227

Solved Threads: 37

Made Her Cry

Offline

1,697 posts
since Dec 2004

Permalink

Aug 12th, 2005

Re: How to make javascript form autochange - "Onchange"?

Thanks for your help.Here's my code again:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<select name="product" class="buy">
                  <option value="products.php" selected>Select Term</option>
                  <option value="products.php?item=1&term=1">2 Month</option>
                  <option value="products.php?item=1&term=3">3 Months</option>
                  <option value="products.php?item=1&term=6">4 Months</option>
                  <option value="products.php?item=1&term=12">5 Months </option>
                </select>
<select name="product" class="buy">
                  <option value="products.php" selected>Select Term</option>
                  <option value="products.php?item=1&term=1">2 Month</option>
                  <option value="products.php?item=1&term=3">3 Months</option>
                  <option value="products.php?item=1&term=6">4 Months</option>
                  <option value="products.php?item=1&term=12">5 Months </option>
                </select>

When they click the "2 Month" value, it will load http://www.mydomain.com/products.php?item=1&term=1. Do you see what I'm trying to do? Thanks

Philz

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

3 posts
since May 2005

Permalink

Aug 12th, 2005

Re: How to make javascript form autochange - "Onchange"?

Sure. Add on onChange handler:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<select name = "product" class="buy" onChange="JavaScript:mySelect(this);">
<select name = "product" class="buy" onChange="JavaScript<b></b>:mySelect(this);">

Code the mySelect function in the head/script section:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
function mySelect(x)
{
  window.location.href = "http://www.your_domain.com/"  +   
     x.options[x.selectedIndex].value;
}
function mySelect(x)
{
  window.location.href = "http://www.your_domain.com/"  +   
     x.options[x.selectedIndex].value;
}

Some variation of that ought to do the trick.

tgreer

Team Colleague

Reputation Points: 227

Solved Threads: 37

Made Her Cry

Offline

1,697 posts
since Dec 2004

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: What is wrong wtih my css?

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: Javascript form managment on the fly!

DaniWeb Message

Cancel Changes

User Name
Password