通过下拉菜单更改窗口URL?

时间:2012-09-26 19:23:11

标签: javascript html

<form name="roomForm">
    <select name="roomMenu"
    onChange="window.location = this.roomForm.roomMenu.options[this.roomForm.roomMenu.selectedIndex].value">
        <option value="">Choose ICU</option>
        <option value="All">All</option>
        <option value="/base/ICU5/example">ICU5</option>
        <option value="/base/ICU6/example">ICU6</option>
        <option value="/base/ICU7/example">ICU7</option>
    </select>
</form>

有人能指出为什么这段代码不起作用?当下拉菜单发生变化时,它应该重定向到另一个页面。

1 个答案:

答案 0 :(得分:2)

您的代码有额外的“)”,这本身就是选择框。 jsfiddle

<form name="roomForm">
    <select name="roomMenu"
    onChange="window.location = this.options[this.selectedIndex].value;">
        <option value="">Choose ICU</option>
        <option value="All">All</option>
        <option value="/base/ICU5/example">ICU5</option>
        <option value="/base/ICU6/example">ICU6</option>
        <option value="/base/ICU7/example">ICU7</option>
    </select>
</form>​