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>

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

我确信这不是最好的方法，但我该如何解决这个问题？

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

Jquery使下拉菜单选中项目

2 个答案: