Solved

<select> redirect when a item is selected

Posted on 2006-10-28
8
217 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
 
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
Are You Using the Best Web Development Editor?

The worlds of web hosting and web development are constantly evolving. Every year we see design trends change, coding standards adapt and new frameworks/CMS created. With such a quick pace of change it’s easy to get lost trying to keep up.

See if your editor made the list.

 

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
 
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

SharePoint Admin?

Enable Your Employees To Focus On The Core With Intuitive Onscreen Guidance That is With You At The Moment of Need.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Build an array called $myWeek which will hold the array elements Today, Yesterday and then builds up the rest of the week by the name of the day going back 1 week.   (CODE) (CODE) Then you just need to pass your date to the function. If i…
These days socially coordinated efforts have turned into a critical requirement for enterprises.
Learn how to match and substitute tagged data using PHP regular expressions. Demonstrated on Windows 7, but also applies to other operating systems. Demonstrated technique applies to PHP (all versions) and Firefox, but very similar techniques will w…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

615 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