1

我有一个基于每个下拉值的 4 个下拉列表，另一个下拉列表将更改我尝试使用 CSS、jquery 和 javascript 更改下拉列表的样式。我几乎得到了下拉菜单的样式，并且功能也可以正常工作，但是我卡住的地方是在 jquery 中所做的是

$(document).ready(function(){
  $("select").each(function(){
    $(this).wrap('<div class="selectbox"/>');
    $(this).after("<span class='selecttext'></span><span class='select-arrow'></span>");
    var val = $(this).children("option:selected").text();
    $(this).next(".selecttext").text(val);
    $(this).change(function(){
      var val = $(this).children("option:selected").text();
      $(this).next(".selecttext").text(val);
    });
  });
});

因此，对于所有选择，它会自动用 div 包装，然后放置 2 个跨度。因此，当我第一次更改第 1 个下拉列表的值时，第 2 个下拉列表的值会更改。当我再次更改 1 下拉列表的值时，2 下拉列表值不会重置为默认值。因为跨度保持先前选择的值的值..我该如何克服这个。

4

1 回答 1

0

你有没有试过这样：

$(document).ready(function(){
  $("select").each(function(){
    $(this).wrap('<div class="selectbox"/>');
    $(this).after("<span class='selecttext'></span><span class='select-arrow'></span>");
    var val = $(this).children("option:selected").text();
    $(this).next(".selecttext").text(val);
  });
    $("select").change(function(){
      var val = $(this).children("option:selected").text();
      $(this).next(".selecttext").text(val);
    });
});
于 2013-01-09T13:03:13.287 回答