jqueryは更新後のURLの変数セットを更新します

Question

私はデータのドロップダウンを持っています。以降で動作するように、URLに選ばoptionとパイプのvalueで選択し、私はパイプ：

var currentURL = document.location; 
location.href = currentURL + "/" + this.simID; 

これは、URLの最後にVARを追加することによって、素晴らしい作品。私の問題は、ユーザーがドロップダウンリストから別のoptionを選択すると、明らかに前のurlの最後に別のvarが追加されることです。以前のthis.simIDを削除しようとするか、各リフレッシュ後に変数を交換するのに苦労しています。どんな助けでも大歓迎です。

Answer 1

は、私はそうのようなLOCATION.HREFを構築します：simIDは常にパスの最後の項目になります場合にのみ動作します

location.href = createHref(this.simID) 

function createHref(option){ 
    var path = location.pathname.split('/'), 
     lastPath = path[path.length-1],  // get the last item on the path 
     options = [option1,option2,option3]; // store an array of possible options 

    if (options.includes(lastPath)) { 
    path.pop    // if lastPath is one of the options, remove it 
    } 
    path.push(option)  // then add the selected option 
    return location.host + "/" + path.join('/') 
} 

。 （example.com/here/there/simID） はなく、それはパス （example.com/here/simID）の途中になる場合

また、あなたはすべて取り込むことができるようにする必要があります可能なオプション。

Answer 2

これはエレガントな解決策のように思える、と歴史の中でURLを保存するためにhistory.pushStateを使用していますが、手動でページを更新しない

//update page url to include sim 
var currentURL = location.href.match(/([^\/]*)\/*$/)[1], 
    replaceURL = this.simID, //whatever var you are trying to replace in URL 
    finalURL = currentURL.replace(currentURL, replaceURL); 

history.pushState({id: 'LOREM IPSUM NAME'}, '', finalURL);