Bu senaryoda, ebeveyn seçiminde 1 seçenek belirlenirken ve alt öğe seçiminde ebeveyn ve üst öğeyle ilgili tüm seçeneklerin HTML kodunda aynı olması durumunda bunu seçmek istiyorum.Biri seçerken birinin seçimlerini nasıl değiştirebilirim?
$("#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>
seçme ilk ebeveyn seçenek size yükleme sonrasında seçmek için bir tetikleyici değişim etkinliğini ekleyebilir –
tüm alt seçenekleri gösterdiğinde. Şuan çalışıyor. – Dij
, başka bir seçenek seçtiğimde, ilk seçimin gösterilmesiyle aynı kalır. –