「Ruby on Rails」　商品の並び替え機能を実装したい。

Railsにて、商品を並び替えるソート機能を実装したいです。
(プルダウンメニューを利用し、価格・出品日時で並び替え)

JSを利用し、if文の戻り値を現在いるページのURLへ加えることで、商品をプルダウンメニューで選択したものへ並び替えようとしています。

以下のように書いてみましたが、プルダウンメニューを選択しても動きませんでした。

↓ビュー

/app/views/products/index.html.erb


<div class="menue">
  <div class="search-sort">
     <div class="select-wrap">
       <select class="sort_order" name=" :sort_order">
         <option value="location.pathname" name="location.pathname">並び替え</option>
         <option value="price_asc">価格の安い順</option>
         <option value="price_desc">価格の高い順</option>
         <option value="created_at_asc">出品の古い順</option>
         <option value="created_at_desc">出品の新しい順</option>
        </select>
     </div>
   </div>
</div>

↓コントローラ

/app/controllers/products_controllers/rb


def index
    @products = Product.all.order(created_at: :desc) 

   
    if params[:option] == "location.pathname" || params[:option] == nil
      @products = Product.all.order('created_at DESC')
    elsif params[:option] == "price_asc"
      @products = Product.all.order('price ASC')
    elsif params[:option] == "price_desc"
      @products = Product.all.order('price DESC')
    elsif params[:option] == "created_at_asc"
      @products = Product.all.order('created_at ASC')
    elsif params[:option] == "created_at_desc"
      @products = Product.all.order('created_at DESC')
    end 
end

↓JS

/app/assets/javascripts/application.js

// プルダウンメニューを選択しイベント発生
$('select[name=sort_order]').change(function() {
    var this_value = $(this).val();
// valueの値により、ページを遷移
    if (this_value == "price_asc") {
      html = "?option=price_asc"
    } else if (this_value == "price_desc") {
      html = "?option=price_desc"
    } else if (this_value == "created_at_asc") {
      html = "?option=created_at_asc"
    } else if (this_value == "created_at_desc") {
      html = "?option=created_at_desc"
    } else {
      html = ""
    };
    
    var current_html = window.location.href;
    
    if (location['href'].match(/&sort=*.+/) != null) {
      var remove = location['href'].match(/&sort=*.+/)[0]
      var current_html = current_html.replace(remove, '')
    };
    
    window.location.href = current_html + html
});

JSのコードに自信がないのですが、具体的な原因がわかりません。
素人質問で恐縮ですが、ご教授願います。