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

Question

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

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

例如，如果用户点击了"主页

"，页面将自动重定向（不刷新）并在表单下显示主页的div，如果用户点击了"博客"，主页div将消失，博客的div将出现！我不知道如何使用js执行此操作，但是如果您知道如何操作，请给我一些提示。谢谢！

Answer 1

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

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

}）

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