2016-08-03 5 views
-1

ページをリロードせずに、URLに特定のパラメータ値を変更します。 。ページをリロードせずに、私はちょうど距離オプションを選択するには、URLで<code>sort_val=sort_distance</code>を更新する必要があり、私はこのURLでURL</p> <p><code>http://localhost/revamp/search.php?city=chennai&V&locality=mylapore&sort_val=sort_price</code></p> <p>を持って

<select name="sort_val" class="sort_select"> 
<option value="sort_distance">Sort by Distance</option> 
<option value="sort_price">Sort by Price</option> 
<option value="sort_ratings">Sort by Ratings</option> 
</select> 
+1

:)

$(document).ready(function(){ var queries = {}; $.each(document.location.search.substr(1).split('&'), function(c,q){ var i = q.split('='); queries[i[0].toString()] = unescape(i[1].toString()); // change escaped characters in actual format }); $(".sort_select").change(function(){ queries[$(this).attr('name')]=$(this).val(); history.pushState({}, '', "?"+$.param(queries)); }); }) 

おかげで、あなたがすべてでグーグルで試したことがありますか? 1 - オプションでJavascriptイベントを発生させます。 2 - javascriptでurl paramを変更する。それら2つを一緒に入れてください –

答えて

1

こんにちは、私はそれがあなたに役立つことを願っています。

+0

それは働いています。しかし、URLの '+ 'は'%2B'コードに置き換えられ、デコード中には、それらの単語の間の 'スペース'である必要がある '+'に '%2B'を取ります。 –

+0

@VyshnaviSamudrala http ://api.jquery.com/jquery.param/詳細については、まだスタックしている場合..私にメッセージをください..私はここにいる。 :) –

+0

感謝@VyshnaviSamudrala、jsfiddleで試してくださいhttps://jsfiddle.net/qqbztc6z/私に助けが必要な場合はお知らせください;) –

関連する問題