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

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>