javascript - 根据 GET 参数选择选项

Question

我有这个select :

<form method="get" id="searchform" action="" role="search">
    <select name="m" onchange="this.form.submit()" title="Archive">
        <option value="201503"> march 2015 </option>
        <option value="201501"> january 2015 </option>
    </select>
</form>

以及以下 jQuery:

var archive = getParameterByName('m');
jQuery('select option[value="' + archive + '"').attr('selected', true);

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

该函数获取参数的值 m来 self 放入 var archive 中的 URL 。它唯一不做的是设置从相应选项中选择的属性。

即。如果 url 包含 ?m=201501我要 <option value="201501"> january 2015 </option>成为<option value="201501" selected>january 2015</option>所以它在 select 中被选中

我错过了什么？

Answer 1

您必须像这样设置选择标记的值:

var archive = getParameterByName('m');
jQuery('select').val(archive);

示例: https://jsfiddle.net/syuswwfs/