javascript - 使用哈希标签从下拉列表中预先选择一个项目

Question

我有一个注册页面，用户输入该页面，并在 URL 上附加了一个#tag，例如

mysite.com/registration#johnjackson

根据点击进入注册页面的链接来附加主题标签。字符串总是小写和修剪。

在注册页面上有一个下拉列表，我想从使用 js 中预先选择。它看起来像：

<select>
<option value="Sara Rush, Singer">Sara Rush, Singer</option>
<option value="John Jackson, painter">John Jackson, painter</option>
<option value="Albert Einstein, Pilot">Albert Einstein, Pilot</option>
</select>

我正在寻找一个好的解决方案。也许只是通过选项值列表检查前 5-7 个字符是否与主题标签字符串匹配？

Answer 1

这样的事情怎么样。

var hash = window.location.hash;
var regex = new RegExp( hash, 'g' );
$('option').each(function() {
  var val = $(this).attr('value').toLowerCase();
  var matches = val.match(regex);
  if (matches) {
    $(this).attr('selected', 'selected');
  }
});