Php 使用jQuery效果更改div的内容？

我有一个表单，我想根据下拉列表的选定值更改它的内容。以下所有内容都将在PHP文件中使用

看起来是这样的：

<style type="text/css">
.hide {
 display:none;
}

<select>
<option value="" >Please select product below</option>
<option value="pro1">Product 1</option>
<option value="pro2">Product 2</option>
</select>

<div id="pro1" class="hide" >Product 1</div>
<div id="pro2" class="hide" >Product 2</div>

HTML

<select id="selectMenu"> 
    <option value="" >Please select product below</option> 
    <option value="pro1">Product 1</option> 
    <option value="pro2">Product 2</option> 
</select> 

请选择下面的产品
产品1
产品2

我的问题是如何添加slideup/down脚本，还有其他方法吗

谢谢大家!

我的问题是如何添加 滑动/向下脚本，是否有 还有别的办法吗

如果您约定您的

值与要显示的div的id相同，则可以将更改事件更改为如下所示：

$("#selectMenu").bind("change", function() {
    $(".hide").slideUp().filter("#" + $(this).val()).slideDown();
});

---

示例。

您访问过此页面吗？这解释了所有你需要的效果。。。除了这个页面之外，我们还可以使用一个简单的javascript，比如这个例子<代码>选择是或否

$("#selectMenu").bind("change", function() {
    $(".hide").slideUp().filter("#" + $(this).val()).slideDown();
});