javascript - 当选择一个选项时，我需要更改 HTML 中的链接

Question

我有一个包含 4 种语言的选择选项，我希望在选择一种语言时将其链接到它的 HTML。

<select>
    <option value="Hebrew">עברית</option>
    <option value="English">English</option>
    <option value="Arabic ">العربية</option>
    <option value="Russian">русский</option>
</select>

然后改变

<div class="selected selected-tab-2-color  mobile">
    <a href="tab2.html">
        <span>עסקים ומוסדות</span>
    </a>
    <div class="show-triangle triangle-color-2"></div>
</div>

致<a href="left-to-right/tab2.html">

Answer 1

您可以在选择框中使用onchange事件。

试试这个代码:

<SELECT onchange="window.location.href=this.options [this.selectedIndex].value">
<option value="Hebrew.html">עברית</option>
<option value="English.html">English</option>
<option value="Arabic.html">العربية</option>
<option value="Russian.html">русский</option>
</SELECT>

例如，考虑一个网站: http://www.example.com/ .

如果用户将选择框更改为英语，则浏览器将重定向到 http://www.example.com/English.html .