Solved

<select> redirect when a item is selected

Posted on 2006-10-28
8
208 Views
Last Modified: 2008-03-06
I have a <select> with some items in it. I want to reload the page with the parameter selected in the <select> box, when a item is selected.

Someone gave me this script

     <script type="text/javascript" language="Javascript">
          function reloadPage(pSelect)
          {
               if (!pSelect || pSelect.value.length == 0) return;
               
               window.location = location.pathname + '?' + pSelect.name + '=' + pSelect.value;
          }
     </script>

But there is one issue left, my page already got parameters.
http://localhost/progress/index.php?p=admin&ap=manage_crafts

This function makes it to:
http://localhost/progress/index.php?recipe_type=Alchemy
instead of:
http://localhost/progress/index.php?p=admin&ap=manage_crafts&recipe_type=Alchemy

How I can fix this ?

Also note that in the reloadPage function I I tried to change:
window.location = location.pathname + '?' + pSelect.name + '=' + pSelect.value;
with:
window.location = location.pathname + location.search +'&' + pSelect.name + '=' + pSelect.value;

After one selection my link is as I want it, but after second selection it gets:
http://localhost/progress/index.php?p=admin&ap=manage_crafts&recipe_type=Alchemy&recipe_type=Engineiring
And so on.

It adds a new &recipe_type=... instead of replacing the old one.

How I can fix this please ?
0
Comment
Question by:brightwood
  • 4
  • 4
8 Comments
 
LVL 49

Expert Comment

by:Roonaan
ID: 17826796
Try:

var newLocation = location.href;
if(newLocation.indexOf("?") > -1) {
  newLocation += "&" + pSelect.name + "=" + pSelect.value;
} else {
  newLocation += "?" + pSelect.name + "=" + pSelect.value;
}
window.location = newLocation;

-r-
0
 

Author Comment

by:brightwood
ID: 17826823
0
 
LVL 49

Expert Comment

by:Roonaan
ID: 17826948
When pSelect's name always is recipy_type, then you can use:

var newLocation = location.href.replace(/recipy_type=\w+/g,'');

Alternatives would be to construct a RegExp object.

-r-

0
 

Author Comment

by:brightwood
ID: 17826990
                       var newLocation = location.href;
                        if(newLocation.indexOf("recipe_type") > -1) {
                          newLocation = location.href.replace(/recipe_type=\w+/g,'');
                        } else {
                          newLocation += "&";
                        }
                        newLocation += pSelect.name + "=" + pSelect.value;

                        window.location = newLocation;

does what I need.

But is there a way to use pSelect instead of "recipe_type"
in newLocation.indexOf("recipe_type")
and
location.href.replace(/recipe_type=\w+/g,'');
0
Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

 
LVL 49

Accepted Solution

by:
Roonaan earned 500 total points
ID: 17826995
Try:

var reg = new RegExp(pSelect.name + "=\\w+", "gi");
var newLocation = location.href.replace(reg,'');

                    if(newLocation.indexOf("?") > -1) {
                      newLocation += "&";
                    } else {
                      newLocation += "?";
                    }
                    newLocation += pSelect.name + "=" + pSelect.value;

-r-
0
 

Author Comment

by:brightwood
ID: 17827014
Worked, with a little modification.
var reg = new RegExp("&" + pSelect.name + "=\\w+", "gi");
instead of
var reg = new RegExp(pSelect.name + "=\\w+", "gi");

& would get duplicated every select without this little change.

Thanks a lot, you were a great help.
0
 

Author Comment

by:brightwood
ID: 17827024
Wops just a little question.

var reg = new RegExp("&" + pSelect.name + "=\\w+", "gi");
var newLocation = location.href.replace(reg,'');

This code replace &pSelect and everything after it with '' So if I have another variable after this it gets lost.

How can I do it to replace everthing &pSelect and everthing until another & with '' ?
0
 
LVL 49

Expert Comment

by:Roonaan
ID: 17828279
Are you sure? If i run this script below, it works fine:

<script type="text/javascript">
pSelect = {name:"b"}
var reg = new RegExp("&" + pSelect.name + "=\\w+", "gi");
var uri = "test.php?a=1&b=2&c=3";
var newLocation = uri.replace(reg,'');
document.write(newLocation);
</script>
0

Featured Post

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

This article discusses four methods for overlaying images in a container on a web page
Since pre-biblical times, humans have sought ways to keep secrets, and share the secrets selectively.  This article explores the ways PHP can be used to hide and encrypt information.
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
The viewer will learn how to count occurrences of each item in an array.

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now