Javascript 选择多个选项后打开页面

我在Html中有多个选择框，我需要验证选择选项，然后打开一个新页面，将我带到一个页面，在该页面中选择了教师档案和学校，我需要为每个可能的答案创建一个页面

选择与学校一起学习的教师

<select id="school">
    <option value="Once" selected="">One</option>
    <option value="Twice">Two</option>
    <option value="Three">Three</option>
    <option value="Four">Four</option>
</select>

<select id="teacher">
    <option value="Once" selected="">Sam</option>
    <option value="Twice">Micheal</option>
    <option value="Three">Manny</option>
    <option value="Four">Jenny</option>
</select>

一个
两个
三
四
山姆
迈克尔
曼尼
珍妮

将其与jQuery一起使用

$(function() {
    $('#school, #teacher').change(function() {
        //You can validate here if you want
        var myWindow = window.open("http://yourserver.com/myapp/" + $("#school").val() + "/" + $("#teacher").val(), "MsgWindow", "width=800, height=600");
    });
});

将其用于jQuery

$(function() {
    $('#school, #teacher').change(function() {
        //You can validate here if you want
        var myWindow = window.open("http://yourserver.com/myapp/" + $("#school").val() + "/" + $("#teacher").val(), "MsgWindow", "width=800, height=600");
    });
});

添加一个onchnge事件 HTML:

添加一个onchnge事件 HTML:

---

你可以使用更好的方法

var url = "http://yourserver.com/myapp/";
$(function() {
    $('#school, #teacher').on("change",function() {
        window.open( url + $("#school").val() + "/" + $("#teacher").val());
    });
});

---

你可以使用更好的方法

var url = "http://yourserver.com/myapp/";
$(function() {
    $('#school, #teacher').on("change",function() {
        window.open( url + $("#school").val() + "/" + $("#teacher").val());
    });
});

---

新页面url将是什么样子？它是否类似于/myapp//新页面的url会是什么样子？是不是有点像/myapp//