Zmiana koloru zaznaczenia w select

0

Witajcie,
Mam problem ze zmianą koloru zaznaczonych elementów na select. Dostałem zadanko do podmienienia koloru zaznaczonych pozycji w select.

Tak wygląda komponent który chcę "pokolorować" : https://ibb.co/F4yJstk (nie mam pojęcia co to jest).

Select z parametrem "selected" mają być zaznaczone na czerwono, a pozostałe pozostać zaznaczone na szaro...

    <select name="user_ids[]" id="user_ids" class="form-control edited" style="background-image: none !important;" required="" multiple="">
                    <option value="1" data-role="root" selected="">Admin</option>
                    <option value="2" data-role="root">User</option>
                    <option value="6" data-role="admin" selected="">Andrzej</option>
                </select>

W jaki sposób mogę to zmienić?

1

Rzuć okiem, czy może chodzi Ci o coś takiego - https://codepen.io/marceltschopp/pen/PNyqKp

1

niestety nie działa :(

A to dziwne, bo u mnie jest OK:

screenshot-20200803145549.png

0
cerrato napisał(a):

niestety nie działa :(

A to dziwne, bo u mnie jest OK:

screenshot-20200803145549.png

Mam taki skrypt JS:

$("#user_ids").children().each(function () {
                    let role = $(this).data('role')
                    let value = $(this).val()
                    $(this).prop('disabled', '')
                    $(this).prop('selected','')
                    if(role !=  'admin' && role !=  'root' &&  $.inArray(parseInt(value),ids) == -1 ) {
                        $(this).prop('disabled', 'disabled')
                    }
                    if($('#type_id').val()==2 &&  $.inArray(parseInt(value),ids) != -1){
                        $(this).prop('selected','selected')
                    }
                });

Jak go skasuję, to wtedy widać zaznaczony wybrany rekord: https://ibb.co/q7dK8w5
Czerwony nie jest, ale ważne że widać jakiekolwiek zaznaczenie... Tylko dlaczego ten JS "psuje"?

0

A co robi ten skrypt?

0
Freja Draco napisał(a):

A co robi ten skrypt?

parsuje taki json: https://pastebin.com/qCPMGZVU

0
lukmopy napisał(a):
Freja Draco napisał(a):

A co robi ten skrypt?

parsuje taki json: https://pastebin.com/qCPMGZVU

A ma coś w ogóle wspólnego z tym selectem?

1 użytkowników online, w tym zalogowanych: 0, gości: 1