Javascript加载html

我只是遇到了一个问题，我有一个选择标签与一些不同的选项

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

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

这是选择菜单

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

选择1
选择2
选择3
选择4
选择5
选择6

考虑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>

---

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

Jquery添加此代码非常简单

  $(function(){
    var includes = $('[data-include]');
    jQuery.each(includes, function(){
      var file = 'views/' + $(this).data('include') + '.html';
      $(this).load(file);
    });
  });
</script>

Use jquery

$（函数（）{
var includes=$（“[数据包括]”）；
每个（包括，函数（）{
var file='views/'+$（this.data（'include'）+'.html'；
$（this）.load（文件）；
});
});
使用jquery

您是否自己尝试过？因此您希望根据用户的选择将用户重定向到新页面？请参考此内容并自行尝试。您可能希望将

值

属性添加到您的

选项

元素中。此值应包含一个字符串，该字符串保留指向另一页的路径。另外，

select

需要一个

id

属性。然后可以读取

select

：

document.getElementById（'select_id'）的值。value

提供所选选项的值。您可以在设置

location.href

时使用此值。

  $(function(){
    var includes = $('[data-include]');
    jQuery.each(includes, function(){
      var file = 'views/' + $(this).data('include') + '.html';
      $(this).load(file);
    });
  });
</script>

Use jquery