0
私のコードには、2つのオプションのリンゴと1つの親選択タグがあります。リンゴを選択すると、各オプションに1と2の値があります。別の選択タグが表示され、その逆もあります。別の選択と別の、私は別の選択を隠す必要があり、別の選択を表示する必要がありますあなたは私を助けることができますか？ここで 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>
に
var selectList2 = $('<select>').appendTo('#selectBox').remove();を変更することができ、私は非表示にする必要があります別のものを選択し、別のものを表示する 'は、別の？ – Viney配列で宣言された新しい選択リストが作成されます。 – Jemai