如何显示div取决于用户从js选择选项表单中选择的内容？

Question

我想显示一个不同的div取决于用户从主html php select选项表单中选择什么。这是表格：

    <form action="" method="POST">
                      <select name="pages">
                        <option value="home">home page</option>
                        <option value="blogs">blogs page</option>
                        <option value="aboutus">aboutus page</option>
                      </select></br>
                    </form>

    <div>
...
    </div>

例如，如果用户点击了“home”，该页面将自动重定向（无需刷新），并在＆amp;形式下显示一个主页div。如果用户点击“博客”，家庭div将消失，博客的div将出现！我不知道如何用js做这个，但如果你知道怎么做，请给我一些提示。谢谢！

Answer 1

这是一个使用jquery的简单示例：

$('#select-pages').on('change', function() {
    $('#my-div').html(this.value);

}）

https://jsfiddle.net/ronapelbaum/6g1hj42e/