首先准备好页面代码: 复制代码 代码如下: 选择颜色 主要通过jQuery的append方法动态添加内容,脚本代码如下: 复制代码 代码如下: Recipe8 <BR>$(document).ready(function () { <BR>$("#ddlFirst").bind("change", function () { // 添加change事件 <BR>$("#ddlSecond option").remove(); // 先删除所有项,以便重新加载 <BR>$("#ddlSecond").append("<option value=''>--- 请选择 ---"); <BR>if ($(this).val() == 1) { <BR>$("#ddlSecond").append("<option value='11'>红色1"); <BR>$("#ddlSecond").append("<option value='12'>红色2"); <BR>$("#ddlSecond").append("<option value='13'>红色3"); <BR>} <BR>else if ($(this).val() == 2) { <BR>$("#ddlSecond").append("<option value='21'>黄色1"); <BR>$("#ddlSecond").append("<option value='22'>黄色2"); <BR>$("#ddlSecond").append("<option value='23'>黄色3"); <BR>} <BR>else if ($(this).val() == 3) { <BR>$("#ddlSecond").append("<option value='31'>蓝色1"); <BR>$("#ddlSecond").append("<option value='32'>蓝色2"); <BR>$("#ddlSecond").append("<option value='33'>蓝色3"); <BR>} <BR>}); <BR>}); <BR> 最终显示效果如下: 动态添加内容还可以通过以下方式添加: $("#ddlSecond").append($("").val("31").html("蓝色1"));