Добавить выбранные параметры в раскрывающиеся / выбрать поля после .detach - Laravel, jQuery

Question

С понедельником!

Итак, обнаружив, что я не могу использовать .hide и .show в IE, Edge и safari, я обнаружил, что использую .detach для удаления отфильтрованных выпадающих опций.

Единственная проблема, связанная с этим, заключается в том, что я не могу вернуть все параметры после его использования, если я sh сделаю другой выбор в поле выбора "СЕКТОР".

Я пытался .append и .prepened, но безрезультатно!

HTML выглядит следующим образом

    <select class="form-control" id="sector">
    <option selected>PLEASE CHOOSE A SECTOR </option>
    <option value="1">COLOUR</option>                   
    <option value="2">VEHICLE</option> 

    <option selected>PLEASE CHOOSE AN OPTION...</option>
    <option value="1" data-sector="1">BLACK</option>
    <option value="2" data-sector="1">GREEN</option>
    <option value="3" data-sector="1">BLUE</option>

    <option value="1" data-sector="2">CAR</option>
    <option value="2" data-sector="2">PLANE</option>
    <option value="3" data-sector="2">BUS</option>

jQuery выглядит следующим образом:

    $("#product option[data-sector!='" + sel + "']").detach();
    $("#product option[data-sector='" + sel + "']").show();
    $("#product").parent().removeClass("hidden");

Хотел бы некоторая помощь и совет по этому вопросу,

Спасибо

Майк

Answer 1

UPDATE!

Таким образом, Safari не принимает .hide или .show для элементов с тегом options. Я использовал N69S Idea для добавления элементов, но не использовал. html Я добавил опции в переменные, которые можно добавлять при изменении каждого выпадающего меню, а затем использовал al oop.

, вместо:

$("#product option[data-sector!='" + sel + "']").detach();
$("#product option[data-sector='" + sel + "']").show();

Я сейчас использую:

For (var item of data_products['sector_' + sel]) {
    $("#product").append('<option value="' + item.value + '">' + item.label </option>');
}

Надеюсь, это поможет другим

Спасибо

Майк