Trong toàn bộ kịch bản này, tôi muốn làm điều này trong khi chọn 1 tùy chọn cha mẹ chọn và chọn con có thể hiển thị tất cả các tùy chọn có liên quan với cha mẹ chọn giá trị cha mẹ và con là giống nhau trong mã HTML.cách thay đổi tùy chọn của một lựa chọn trong khi chọn một lựa chọn khác?
$("#ref_type_text").change(function() {
var val = $(this).val();
if (val == "item1") {
$("#ref_type_text_right").html("<option value='test'>item1: test 1</option><option value='test2'>item1: test 2</option>");
} else if (val == "item2") {
$("#ref_type_text_right").html("<option value='test'>item2: test 1</option><option value='test2'>item2: test 2</option>");
} else if (val == "item3") {
$("#ref_type_text_right").html("<option value='test'>item3: test 1</option><option value='test2'>item3: test 2</option>");
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>$
<div class="left_pan">$
<label for="ref_type_text">Reference <u>t</u>ype:</label>$
<select name="ref_type_text" id="ref_type_text" class="dropdown" accesskey="t">
<option value="1" selected="selected">Numbered item</option>
<option value="2">Heading</option>
<option value="3">Bookmark</option>
<option value="4">Footnote</option>
</select>
</div>
<div class="right_pan">
<label for="insert_ref_text">Insert <u>r</u>eference to:</label>
<select name="ref_type_text_right" id="ref_type_text_right" class="dropdown" accesskey="t">
<option value="1" selected="selected">Page number</option>
<option value="1">Paragraph number</option>
<option value="1">Paragraph number(no content)</option>
<option value="1">Paragraph number(full content)</option>
<option value="1">Paragraph Text</option>
<option value="1">Above/Below</option>
<option value="2">Heading text</option>
<option value="2">Page number</option>
<option value="2">Heading number</option>
<option value="2">Heading number(no content)</option>
<option value="2">Heading number(full content)</option>
<option value="2">Above/Below</option>
<option value="3">Bookmark text</option>
<option value="3">Page number</option>
<option value="3">Paragraph number</option>
<option value="3">Paragraph number(no content)</option>
<option value="3">Paragraph number(full content)</option>
<option value="3">Above/Below</option>
<option value="4">Footnote number</option>
<option value="4">Page number</option>
<option value="4">Above/Below</option>
<option value="4">Footnote number(formatted)</option>
</select>
</div>
khi chọn tùy chọn đầu tiên mẹ nó cho thấy tất cả các tùy chọn con –
bạn có thể thêm một sự kiện thay đổi kích hoạt để chọn sau khi tải. nó hoạt dộng bây giờ. – Dij
khi tôi chọn một tùy chọn khác, nó vẫn giữ nguyên như hiển thị lựa chọn đầu tiên –