Jquery не может выбрать комбинированный список при загрузке первой страницы

Question

У меня есть страница с 3 подстраницами. когда я впервые зашел на страницу, это значит, что я открываю первую подстраницу. Столбец «Jenis Kartu Identitas» (выпадающий список) на первой подстранице, выбирающий первое значение, пока оно имеет собственное значение. но когда я перехожу на вторую подстраницу и go возвращаюсь на первую подстраницу, она работает нормально. спасибо заранее.

первое условие

второе условие (что я хочу)

вот мой источник:

$('#idCardType').val("KTP03").trigger('change');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<select name="idCardType" id="idCardType" class="form-control input-sm select2">
<option value="KTP01">KTP</option>
<option value="KTP02">KTP Seumur Hidup</option>
<option value="KTP03">Resi/Surat Domisili</option>
</select>

Answer 1

Возможно, вам следует установить selected = "selected" для опции, например KTP01. Во-вторых, я думаю, что задержка триггерной функции может сработать.

что-то вроде этого:

setTimeout (() => {$ ('# idCardType'). Val ("KTP03 ") .trigger ('change');}, 500);