У меня есть код, который изменяет содержимое другой опции выбора на основе выбора другой опции выбора, но проблема в том, что когда опция выбирается из первой опции выбора, иногда требуется время, чтобы другая автоматически заполнялась он не заполняется до тех пор, пока пользователи не обновят sh страницу и не попробуют снова.
var $ = jQuery;
var dstvplans = {!! json_encode($dstvplans) !!};
var gotvplans = {!! json_encode($gotvplans) !!};
var startimesplans = {!! json_encode($startimesplans) !!};
$(document).ready(function () {
$("#product").change(function () {
$('#plan').children('option').remove();
var val = $(this).val();
var toAppend='<option value="null">default</option>>';
if (val == "BPD-NGCA-AQA") {
$.each(dstvplans, (index, item) => {
toAppend+=`<option value=${item.id}>${item.name} ${item.price}</option>`;
});
} else if (val == "BPD-NGCA-AQC") {
$.each(gotvplans, (index, item) => {
toAppend+=`<option value=${item.id}>${item.name} ${item.price}</option>`;
});
} else if (val == "BPD-NGCA-AWA") {
$.each(startimesplans, (index, item) => {
toAppend+=`<option value=${item.id}>${item.name} ${item.price}</option>`;
});
}
$("#plan").append(toAppend)
});
});
</script>
примечание, я получаю контент из моего бэкэнда ... вот мой бэкэнд-код
public function index()
{
$cablenetworks = CableNetwork::all();
$dstvplans = CablePlan::where('cablenetwork_id', 1)->get();
$gotvplans = CablePlan::where('cablenetwork_id', 2)->get();
$startimesplans = CablePlan::where('cablenetwork_id', 3)->get();
$transactions = Transaction::where('user_id', Auth::id())
->where('payment_type', 'cable')->orderBy('created_at', 'DESC')->paginate(10);
$gettoken = AirAdmin::all();
foreach ($gettoken as $q) {
$token = $q->token;
}
return view('resellerutility.index', compact('cablenetworks', 'dstvplans', 'gotvplans', 'startimesplans', 'transactions', 'token'));
}
Пожалуйста, серьезная помощь нужна для этого поста!