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

reset dropdown list to original after it is load

本文关键字：原始 列表 下拉列表 加载      更新时间：2023-09-26
<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.htmlddlCol后选择一个值ddlcol2该值将加载test2.html

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

滴落

苹果

橙

梨

ddlCol

$1

$2

$3

ddlCol2

红

绿

紫色

选择苹果。

ddlCol 更改

$1

$1.50

$2

选择 $1

ddlCol2 更改

蓝

粉红色

现在选择梨

我的 ddlCol2 将重置回

红

绿

紫色

.我将如何重置它？

当

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

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

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

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

简单有效的功能，对我有用。 '' 将其插入您希望让它工作的页面上的一些脚本标签之间。

window.onload=function() {
  document.getElementById("IDofyourdropdown").selectedIndex = 0;
}
相关文章：