javascript dropdown重定向傳遞var問題

Question

我有以下代碼。用戶添加一個campaign_name，然後從下拉列表中選擇一個segement名稱，然後使用查詢字符串重定向。

<option value="{{Request::url().'/'. $uploaded_segment->id .'/'}}"></option> 




<script> 
$(function() { 
    // bind change event to select 
    var campaign_name = $("#campaign_name").val(); 
    console.log(campaign_name); 
    $('#uploaded_segment_id').on('change', function() { 
     var url = $(this).val() + campaign_name; // get selected value 
     console.log(url); 
     if (url) { // require a URL 
      window.location = url; // redirect 
     } 
     return false; 
    }); 
}); 

預期的結果：管理/活動/製作/ 1/CAMPAIGN_NAME 實際結果是：管理/活動/製作/ 1/

我沒有得到一個錯誤，有時CAMPAIGN_NAME串接在查詢字符串中，有時不是。

Answer 1

當您顯示頁面時，您正在抓取值#campaign_name立即。你想這樣做，以迴應change當然，大概：

$(function() { 
    // bind change event to select 
    $('#uploaded_segment_id').on('change', function() { 
     var campaign_name = $("#campaign_name").val(); // <=== *** MOVED *** 
     console.log(campaign_name); 
     var url = $(this).val() + campaign_name; // get selected value 
     console.log(url); 
     if (url) { // require a URL 
      window.location = url; // redirect 
     } 
     return false; 
    }); 
});