Question

我有一个注册页面，用户输入的#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');
  }
});

预先使用哈希标记从下拉列表中选择项目

1 个答案: