У меня в моем коде есть 1 родительский тег select с 2-мя опциями яблок и сливочным маслом. Каждый параметр имеет значение 1 и 2, когда я выбираю яблоко, на котором будет показан другой тег select и наоборот, и моя проблема заключается в том, что он покажет другой выбор и другой, мне нужно скрыть другой выбор и показать другой выбор, можете ли вы мне помочь?Как скрыть/показать теги select с помощью тега select?
Вот код:
$(document).ready(function() {
$('#defList').on('change', function() {
var tarSelect = $(this).val();
console.log(tarSelect);
if (tarSelect == 1) {
var arrayList = [{
val: 1,
text: 'one'
}, {
val: 2,
text: 'two'
}, {
val: 3,
text: 'three'
}];
var selectList = $('<select>').appendTo('#selectBox');
$(arrayList).each(function() {
selectList.append($('<option>').attr('value', this.val).text(this.text));
});
} else if (tarSelect == 2) {
var arrayList2 = [{
val: 1,
text: 'one'
}, {
val: 2,
text: 'two'
}, {
val: 3,
text: 'three'
}];
var selectList2 = $('<select>').appendTo('#selectBox').remove();
$(arrayList2).each(function() {
selectList2.append($('<option>').attr('value', this.val).text(this.text));
});
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="defList">
<option value="1">Apples</option>
<option value="2">Butter</option>
</select>
<div id="selectBox">
</div>
'моя проблема будет показывать другой выбор и другой, мне нужно, чтобы скрыть другой выбирает и показывает другой select', который другой? – Viney
Будет создан новый список выбора, который объявлен в массиве. – Jemai