Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery生成下拉菜单所选项_Javascript_Jquery_Html_Drop Down Menu - Fatal编程技术网

Javascript Jquery生成下拉菜单所选项

Javascript Jquery生成下拉菜单所选项,javascript,jquery,html,drop-down-menu,Javascript,Jquery,Html,Drop Down Menu,我有一个下拉菜单,当我选择任何选项时,页面将重定向。现在,我想使页面成为下拉列表中的选定项。这是我的密码: HTML: <select class="MobileDropDown"> <option value="/">Home</option> <option value="/technology">Topics</option> <option value="/about">About Us<

我有一个下拉菜单,当我选择任何选项时,页面将重定向。现在,我想使页面成为下拉列表中的选定项。这是我的密码:

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>

家
话题
关于我们
供应商目录
流行白皮书
Javascript:

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

$(“.MobileDropDown”).change(函数(){
window.location.href=$(this.val();
});
var URLMobile=window.location.href.split('/');
$(“.MobileDropDown选项”)。每个(函数(){
if($(this.val()='/'+URLMobile[3]){
$(this.attr('selected','selected');
}
});

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

您可以像这样简化选择过程

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

希望这有帮助

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

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

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

再说一遍,您想要什么?您只需要将一个值应用于select。默认情况下,应选择该选项。例如:.
var addressValue=$(this.attr(“href”)
获取所单击内容的地址。只需执行以下操作:
$(“.MobileDropDown”).val(“/”+URLMobile[3])