Question

我将尝试解释这个问题比上一次更好，就像上次我做得非常非常糟糕一样！

到目前为止，我有代码，它会显示一个组合框和一个按钮。在我的组合框中，有3个选项，名为＆＃34; StaffHome＆＃34;，＆＃34; AdminHome＆＃34;和＃34; IntranetHome＆＃34;。

这是我需要做的：如果＆＃34; StaffHome＆＃34;选中并按下按钮，页面重定向到＆＃39; /staffhome/index.html'

如果＆＃34; AdminHome＆＃34;选中并按下按钮，页面重定向到＆＃39; /adminhome/hyd/home.html'

如果＆＃34; IntranetHome＆＃34;选中并按下按钮，页面重定向到＆＃39; /intrhme/index.html'。

我想用JS来做这件事。

<form id="select">
    <select>
        <option value="staffhome">StaffHome</option>
        <option value="adminhome">AdminHome</option>
        <option value="intranethome">IntranetHome</option>
    </select>
    <button type="button">Redirect</button>
</form>

fiddle

Answer 1

为按钮添加ID

对于Plain JS，选择一个名称或ID

var actions =['/staffhome/index.html','/adminhome/hyd/home.html', '/intrhme/index.html']; 
window.onload=function() {
  document.getElementById("but").onclick=function() {
    this.form.action=actions[this.form.folderSelect.selectedIndex]; // using name
    this.form.submit();
  }
}

或者将按钮设为提交按钮并执行

window.onload=function() {
  document.getElementById("select").onsubmit=function() {
    this.action=actions[document.getElementById("folderSelect").selectedIndex]; // using ID
  }
}

Live Demo

当组合框包含特定单词时更改操作

1 个答案: