JavaScript 加载 html

Question

我刚刚遇到一个问题，我有一个带有一些不同选项的选择标签。

现在我想检查用户选择了哪些选项。

然后我想将一个新的 html 文件加载到该网站(取决于用户选中的选项)宽度 javascript，我该怎么做？

这是选择菜单

<select>
   <option>option1</option>
   <option>option2</option>
   <option>option3</option>
   <option>option4</option>
   <option>option5</option>
   <option>option6</option>
</select>

Answer 1

考虑 html 代码:

<select onchange="changeIt();" id="formula">
        <option>option1</option>
        <option>option2</option>
        <option>option3</option>
        <option>option4</option>
        <option>option5</option>
        <option>option6</option>

    </select>

然后以下 JavaScript 代码将加载新的本地 html 页面:

function changeIt()
{
    var fName = document.getElementById("formula");
    var fText = fName.options[fName.selectedIndex].text;
    if(fText=="option1")
    {
        window.location.href = "abc.html";
    }
    else if(fText == "option2")
    {
        window.location.href = "xyz.html";      
    }
}

abc.html和xyz.html都是本地html文件。