php - jQuery和下拉菜单隐藏div(或textareas)

我想要一个带有jQuery show的下拉菜单，并在其下面隐藏不同的div（或textareas）。这是我目前的jQuerycode：

$(document).ready(function(){
    $('#edit1').hide();
    $('#edit2').hide();
        $("#page_selection").change(function(){
        $("#" + this.value).show().siblings().hide();
        });
    $("#page_selection").change();
    });

和html：

<p>
                <select id="page_selection">
                    <option value="edit1">About All</option>
                    <option value="edit2">Home Introduction</option>
                </select>
                <form method="post" action="page_edit_action.php" />
                    <div name="about_all" id="edit1"><?php echo $content['about_all'] ?></div>
                    <div name="home_introduction" id="edit2"><?php echo $content['home_introduction'] ?></div>
                </form>
                </p>

当我在下拉菜单中选择其他选项时，此代码不会更改。

如果可能的话，我想将div更改为textareas。谢谢：）。（顺便说一句，php数组有内容，可以随时用自己的占位符替换）

最佳答案

您的代码有效，可以在这里进行测试：http://jsfiddle.net/6XEsx/

您的示例之外的其他内容正在干扰此处。

顺便说一句，您可以使用multi-selectors和链接将其缩短一点，如下所示：

$(function(){
    $('#edit1, #edit2').hide();
    $("#page_selection").change(function(){
        $("#" + this.value).show().siblings().hide();
    }).change();
});

Here's that version using <textarea> elements like you are after :)

TextAreas

php - jQuery和下拉菜单隐藏div(或textareas)