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; 
    }); 
});