Add get parameters with a select/option value in the url

Question

Add get parameters with a select/option value in the url

Asked 8 years, 9 months ago

Viewed 289 times

0

I have on the page that lists the properties of my site a search form and a select that makes the result ordering.

The problem: Doing a search in the form and passing the values via get Ctr=0&min=20000&max=999999&suites=3 etc. and right after choosing an sorting option the url I lost these values because the page is updated and makes an ordering of the general result. When you select a sort option, I want to sort the result that appears on the page and so I need the previous filter parameter to remain in the url and add the sort parameter.

I am sending the action to sort this way and so I miss the values that are in the url:

$("select.ordenacao").change(function() {
        $("select.ordenacao").each(function() {
          str = $( this ).val();
          //alert(str);
            //$("#ordenar").submit();
            location.href = '?ordenacao=' + str;
        });
    });

anyone has any suggestions?

Why don’t you do that in ajax, or restful? So you wouldn’t need to refresh the page.

– Ivan Ferrer

2015/09/17 at 20:55
If you show me an example of how to do this with Ajax I am grateful, still can not understand very well how to make requests with Ajax in php files and show the result in a return.

– Igor Silva

2015/09/17 at 21:18
1

ajax works asynchronously, through an anonymous function using callback, you have a return executed, within an element that will receive this action, without having to give a refresh again, it does so in a masked way, in a php script.

– Ivan Ferrer

2015/09/17 at 21:32

1 answer

Browser other questions tagged php javascript jquery mysql

You are not signed in. Login or sign up in order to post.

by Ivan Ferrer • **12,096** points · Answer 1 · 2015-09-17T21:22:18+00:00

I suggest doing this in ajax:

$("select.ordenacao").change(function() {
        $("select.ordenacao").each(function() {
          str = $( this ).val();
              ordenar(str);
            //$("#ordenar").submit();
        });
});
var ordenar = function(str) {
       var saida = null;
             $.get('?ordenacao=' + str, function(e){
              saida = jQuery.parseJSON(e);       
             });
       return saida;
 };

Another option is to capture the URL values and give your refresh again:

   $("select.ordenacao").change(function() {
            $("select.ordenacao").each(function() {
              str = $( this ).val();
              //alert(str);
                //$("#ordenar").submit();
                 location.href='?ctr='+getValueQS("ctr")+'&min='+getValueQS("min")+'&max='+getValueQS("max")+'&suites='+getValueQS("suites")+'&ordenar='+str;
            });
        });


    function getValueQS(key) {  
      return unescape(window.location.search.replace(new RegExp("^(?:.*[&\\?]" + escape(key).replace(/[\.\+\*]/g, "\\$&") + "(?:\\=([^&]*))?)?.*$", "i"), "$1"));  
    }