私はこのコードを使用しています。内部スクリプトを使用しています。最初の選択を見ることができます。ただし、最初の選択により、2 番目の選択の値は変更されません。私はいくつかの基本的なことを見逃しているかもしれません。助けてください。実際の例を提供してください。
<!DOCTYPE html>
<html>
<body>
<script>
$(document).ready(function() {
$("#type").change(function() {
var val = $(this).val();
if (val == "item1") {
$("#size").html("<option value='test'>item1: test 1</option><option
value='test2'>item1: test 2</option>");
} else if (val == "item2") {
$("#size").html("<option value='test'>item2: test 1</option><option
value='test2'>item2: test 2</option>");
} else if (val == "item3") {
$("#size").html("<option value='test'>item3: test 1</option><option
value='test2'>item3: test 2</option>");
}
});
});
</script>
<select id="type">
<option value="item1">item1</option>
<option value="item2">item2</option>
<option value="item3">item3</option>
</select>
<select id="size">
<option value="">-- select one -- </option>
</select>
</body>
</html>