javascript - 使用 JavaScript 从超链接加载时的默认下拉值

Question

我做了一些搜索，但找不到关于如何执行此操作的确切答案(特别是对于像我这样的菜鸟)，我想根据 href 超链接中的变量在页面加载时设置一个下拉值。

默认下拉列表示例:mywebsite.com&value=4

这将在页面加载时应用与值 4 关联的下拉项。下面是下拉选择器的 HTML，但我目前没有 JavaScript。它是否可以从超链接中提取变量？感谢您的帮助。

<select id="subject" name="subjectlist" size="1" onchange="SetActivity();">
<option value="1^Non-Urgent Medical Question">Non-Urgent Medical Question</option>
<option value="2^Medication Question">Medication Question</option>
<option value="3^Test Results Question">Test Results Question</option>
<option value="4^Visit Follow-Up Question">Visit Follow-Up Question</option>
<option value="5^Medical Record Question / Correction">Medical Record Question / Correction</option>
</select>

Answer 1

如果您可以控制 URL，则可以更改格式并使用哈希。

因此，对于 value=4，URL 为:http://example.com/#value=4

if (window.location.hash.length > 0){
    var matches = window.location.hash.match(/value=([0-9]+)/i);
    if (matches.length > 1){
        var value = matches[1];
        $("#subject option[value^='"+value+"^']").attr('selected', true);
    }
}

或者，您可以根据值过滤选项。比上面的代码更安全:

if (window.location.hash.length > 0){
    var matches = window.location.hash.match(/value=([0-9]+)/i);
    if (matches.length > 1){
        var value = matches[1];
        $("#subject option").filter(function(){
            return $(this).val().indexOf(value+'^') === 0;
        }).attr('selected', true);
    }
}

如果您不想使用哈希值 (#)，则可以使用 window.location.href。您只需稍微修改一下 RegEx(因此保证它位于 URL 的末尾)。