Question

如何根据用户当前所在的页面突出显示该选项？

E.g。如果在床页上，选择了床选项。

这是在wordpress侧边栏文本小部件内部，因此不会在每个页面上单独编码。我想也许需要javascript来检测它所在的页面？

<form>
<select onChange="location=this.options[this.selectedIndex].value;">
<option value="#">Select a Category</option>
<option value="https://www.furnishare.it/shop/">Shop All</option>
<option value="/product-category/beds/">Beds</option>
<option value="/product-category/chairs/">Chairs</option>
<option value="/product-category/decor/">Decor</option>
<option value="/product-category/dressers/">Dressers</option>
<option value="/product-category/sofas/">Sofas</option>
<option value="/product-category/storage/">Storage</option>
<option value="/product-category/tables/">Tables</option>
</select>
</form>

谢谢！

Answer 1

您需要获取网址路径名：

window.location.pathname

我建议您在JS文件而不是内联HTML中执行此操作。实现（jsfiddle因某种原因没有保存）：

http://codepen.io/anon/pen/VvEeMY

请务必取消评论评论的位置线，以使其在您的网页上运行：

var location = window.location.pathname;

请注意，我强烈建议不要使用像onClick这样的属性来处理DOM事件...但是为了回答你的问题，我已经编写了上面的纯JS代码。

编辑：使用location.pathname要求您使用从您的域开始的完整路径，但由于您的实现已经在select＆gt;中执行了选项值我已经冒昧地用location.pathname简化它。

突出显示当前为html中的下拉表单选项选择的选项

1 个答案: