0

Ich versuche festzustellen, ob mein JS-Code oder Bootstrap inkorrekt ist. Ich habe anscheinend ein Problem mit dem Android Chrome-Browser, bei dem der Browser anscheinend nicht weiß, welches Option-Element ausgewählt ist.Warum werden alle meine Auswahloptionen (Bootstrap HTML) in Chrome Devtools angezeigt, obwohl sie nicht ausgewählt sind?

In Desktop-Chrom bemerkte ich, dass die Einzelteile wie folgt aussehen:

chrome dev tools

Auch wenn ich sie alle „ausgewählt“ Attribut gesetzt zu haben scheinen ausgewählt nur ein Element haben.

Ist dies nur ein Chrome Dev Tool-Problem? - Falsche Anzeige der Gegenstände? Macht Bootstrap etwas seltsam mit diesen Elementen? Wenn ich die folgende jQuery auf Desktop-Chrome laufen dann es gibt mir die gewählte (ausgewählt) Artikel scheint aber auf Android Chrome zum Scheitern verurteilt:

$("#SiteListBox option:selected").text() 

Ich versuche, warum zu bestimmen es einen Unterschied gibt.

+1

können wir sehen, Code zu? weil es wie etwas aussieht, das ausgewählten attr zu den Wahlen hinzufügt –

+0

Danke für Ihren Kommentar/Frage. Ich werde durchsehen und versuchen, die passenden Teile hinzuzufügen, aber das ist Teil eines etwas großen SPA. Außerdem ist der Code nicht super sauber (rot). Dies ist mein Open-Source-Projekt, das auf GitHub (https://github.com/raddevus/CYaPass-Web) gehostet wird, so dass Sie den Code dort betrachten können, wenn Sie möchten --- aber wie ich sagte, groß und enthält etwas unbeholfenen Code . – raddevus

+0

Okay, du hast mir geholfen es zu finden. var localOption = neue Option (decodeURI (atob (item.Key)), decodeURI (atob (item.Key)), true, true); Ich setze für jedes Element der Optionen, die ich hinzufüge, die Option true und true setzt es auf selected. – raddevus

Antwort

1

es sieht aus wie etwas selected attr für alle Optionen

überprüfen Sie die folgende Zeile in Ihrem Code hinzufügen.

var localOption = new Option(decodeURI(atob(item.Key)), decodeURI(atob(item.Key)), true, true); 

Good Luck

Verwandte Themen