使用jquery從動態鏈接中取出url信息 - 下拉

Question

美好的一天，我有兩個下拉。一個載入第二個數據。一旦用戶在第二個下拉列表中選擇了一個選項，該頁面將自動轉發到該鏈接。

我試圖刪除網址的一些元素下拉指導：

http://local.mysite/someplace/county/north-hempstead-ny/orange/gardnertown

我想

http://local.mysite/orange/gardnertown

我已經想通了
window.location.href.split('/')[2]給了我我想要的。然而，下拉選擇部分正在拋棄我。

這是一個需要修復，我認爲部分：

window.location.href.split('/')[2] + $places 
     .append("<option value=" + this.url + ">" + this.community + "</option>"); 

這裏是一個 fiddle。

---

感謝您的回覆。我試圖添加代碼，但它仍然不會去掉額外的url文本。控制檯也沒有顯示剝離。這是我修改後的代碼：

document.getElementById('page-changer').reset(); 
$("#county").change(function() { 
    var $places = $("#township").empty(); 
    $.each(data[$(this).val() - 1], function() { 
     $places.append("<option value=" + this.url + ">" + this.community + "</option>"); 
    $('#jumpSubmit').click(function(e) { 
     e.preventDefault(); 
     window.location = window.location.href.split('/')[2] + '/' + $('#township').val(); 
     //console.log(window.location.href.split('/')[2]) + '/' + $('#township').val()); 

Answer 1

你只需要從<select>

var $full_url = $("#your_select").val(); 
var $part_you_need = $full_url.split('/')[2]; 
alert($part_you_need); 

Answer 2

值可以使用jQuery但根據您選擇的元素來樣訂做的URL。例如：

$('#jumpSubmit').click(function(e) { 
    e.preventDefault(); 
    window.location = window.location.href.split('/')[2] + '/' + $('#township').val(); 
    //console.log(window.location.href.split('/')[2] + '/' + $('#township').val()); 
});​ 
​ 

更新代碼，使用現有的URL VS硬編碼的URL。