javascript - 我想在所选值更改时重置同一页面的 url

Question

我想在选定的值上重置同一页面的 url 更改类似这样

selectedvalue.graphic.com

---

<select id="dynamic-select">
<option value="" selected>Pick a Website</option>
<option value="City1">Google</option>
<option value="City2">YouTube</option>
<option value="City3">Stack Overflow</option>

谁能帮我。

Answer 1

您需要在 select 元素上设置一个 onchange 事件

<select onChange="window.location = '//' + this.value + '.graphic.com';">
<option value="" selected>Pick a Website</option>
<option value="City1">Google</option>
<option value="City2">YouTube</option>
<option value="City3">Stack Overflow</option>
</select>

如果您希望浏览器打开一个新窗口：

<select onChange="window.open('//' + this.value + '.graphic.com');">
<option value="" selected>Pick a Website</option>
<option value="City1">Google</option>
<option value="City2">YouTube</option>
<option value="City3">Stack Overflow</option>
</select>