javascript - 使用下拉菜单更改窗口 URL?

标签 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>

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

最佳答案

您的代码有额外的“)”,这本身就是选择框。 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>​

关于javascript - 使用下拉菜单更改窗口 URL?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12608921/

相关文章:

javascript - 使用循环将一个数组中找到的值替换为第二个数组的相同索引值?

html - 增加选择选项填充

javascript - Vue,子组件表示 Prop 在 View 更改时未定义

javascript - 自定义导航选项卡在 JQuery 中消失

html - 调整窗口大小时对齐方式改变

javascript - 如何使用 document.write() 将对象写入文档

javascript - 生成器按钮和检查按钮以获得快乐的数字

javascript - History API - 告诉浏览器保留在index.html上,无论url是什么

javascript - 使用 Javascript 获取 URL 参数

javascript - 使用 Javascript 更改 CSS 可见性属性