Jquery 드롭 다운 메뉴에서 선택한 항목을 선택하십시오.

Question

드롭 다운 메뉴가 있는데, 옵션을 선택하면 페이지가 리디렉션됩니다. 이제 드롭 다운에서 선택한 항목으로 페이지를 만들고 싶습니다.

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> 

자바 스크립트 :

<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> 

난이 이렇게하는 가장 좋은 방법이 아니다 확신하지만, 나는이 문제를 어떻게 해결하는 것입니다 여기 내 코드입니다 ? 당신은이 같은 선택 과정을 단순화 할 수

Answer 1

희망은 ..

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

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

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

Answer 2

,이 도움이

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

또는

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