加载后将下拉列表重置为原始列表答案

【问题标题】：reset dropdown list to original after it is load加载后将下拉列表重置为原始列表
【发布时间】：2012-05-28 08:28:54
【问题描述】：

<select id="ddl" name="ddl">
  <option value="Col">loading</option>
</select>
<select id="ddlCol" name="ddlCol">
  <option value="Col">loading</option>
</select>
<select id="ddlCol2" name="ddlCol">
  <option value="Col">loading</option>
</select>
$("#ddl").change(function(){
  $("#ddlcol").load(Test1.html);
});
$("#ddlcol").change(function(){
  $("#ddlcol2").load(Test2.html);
});

现在我有 3 个下拉列表。当我的第一个下拉列表选择 dll 字段时。 ddlCol 将加载 test1.html 在我的ddlCol 选择一个值之后ddlcol2 将加载test2.html

我想知道的是，如果我选择第一个下拉列表，如何将 ddlcol2 重置为其默认值？例子

ddl

苹果

橙色

梨

ddlCol

$1

$2

$3

ddlCol2

红色

绿色

紫色

选择苹果。

ddlCol 变化

$1

1.50 美元

$2

选择 $1

ddlCol2 变化

蓝色

粉红色

现在选择梨

我的 ddlCol2 将重置为

红色

绿色

紫色

。我要如何重置它？

【问题讨论】：

我认为你的问题和你提供的代码在一起没有意义。

标签： php javascript jquery

【解决方案1】：

当它们需要重新加载时，您需要相应地触发它们。

var refreshColThenCol2 = function(){
  $("#ddlcol").load(url, refreshCol2);
};

var refreshCol2 = function(){ 
  $("#ddlcol2").load(url);
};

$("#ddl").change(refreshColThenCol2);
$("#ddlcol").change(refreshCol2);

【讨论】：

如果我有 10 个 ddl。 1->2->3->4 每个影响每个 ddl 的排序。现在我选择第一个 ddl 更改。 3 4..N 将保留该值。这不是我想要的。我希望 3 4..N 在 ddl 中重置为其默认值。
@user1397840，是一样的

【解决方案2】：

var refreshColThenCol2 = function(){
   $("#ddlCol1").html($("#ddl2").html());
};

我认为以这种方式加载要好得多

【讨论】：

【解决方案3】：

简单有效的功能，适合我。 \ 将其插入您希望使用它的页面上的一些脚本标签之间。

window.onload=function() {
  document.getElementById("IDofyourdropdown").selectedIndex = 0;
}

【讨论】：