2013-11-25 45 views
0

我有一個下拉菜單,當我選擇任何選項時,頁面重定向。現在我想將頁面作爲下拉菜單中的選定項目。這裏是我的代碼:jquery使下拉菜單選項

HTML:

<select class="MobileDropDown"> 
    <option value="/">Home</option> 
    <option value="/technology">Topics</option> 
    <option value="/about">About Us</option> 
    <option value="/vendor">Vendor Directory</option> 
    <option value="/popular-research">Popular White Papers</option> 
</select> 

的Javascript:

<script type="text/javascript"> 
    $(".MobileDropDown").change(function(){ 
     window.location.href = $(this).val(); 
    }); 

    var URLMobile = window.location.href.split('/'); 

    $(".MobileDropDown option").each(function(){ 
     if($(this).val() == '/' + URLMobile[3]) { 
      $(this).attr('selected', 'selected'); 
     } 
    }); 
</script> 

我敢肯定這是不是要做到這一點的最好辦法,但我將如何解決這個問題?

+0

你要什麼,再? – matewka

+1

您只需要將值應用於選擇。該選項應該被默認選中。例如:['$('.MobileDropDown').val('/ about');'](http://jsbin.com/aluHeGOT/1/)。 – Yoshi

+0

'var addressValue = $(this).attr(「href」);'獲取被點擊的地址。 – echochamber

回答

1

希望這有助於..

$(document).ready(function(){ 
    $(".MobileDropDown").change(function(){ 
     window.location.href = $(this).val(); 
    }); 

    var URLMobile = window.location.href.split('/'); 

    $(".MobileDropDown").val("/" + URLMobile[3]); 
}) 
0

可以簡化這樣的選擇過程,

$(".MobileDropDown option:contains(" + '/' + URLMobile[3] + ")").prop('selected',true); 

$(".MobileDropDown").val("/" + URLMobile[3]);