我想在选定的值更改时重置相同页面的网址

Question

我想在选定的值上重置相同页面的网址，更改此类

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>