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 に答える