0
<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.htmlddlColddlcol2test2.html

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

ddl

苹果

橙子

ddlCol

1美元

2美元

3 美元

ddlCol2

红色的

绿

紫色的

选择苹果。

ddlCol 更改

1美元

1.50 美元

2美元

选择 1 美元

ddlCol2 更改

蓝色的

粉色的

现在选择梨

我的 ddlCol2 将重置回

红色的

绿

紫色的

. 我将如何重置它?

4

3 回答 3

0

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

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

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

$("#ddl").change(refreshColThenCol2);
$("#ddlcol").change(refreshCol2);
于 2012-05-28T09:01:06.883 回答
0
var refreshColThenCol2 = function(){
   $("#ddlCol1").html($("#ddl2").html());
};

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

于 2012-05-29T01:23:04.057 回答
0

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

window.onload=function() {
  document.getElementById("IDofyourdropdown").selectedIndex = 0;
}
于 2018-10-09T15:42:37.187 回答