mehrzeiliges select objekt (html)
- Ersteller Bennyaa
- Erstellt am
\t funktioniert eben nicht.
mache es so im js:
let opt = document.createElement('option');
opt.innerHTML = vara + " - " varb;
usw. funktioniert ja auch
aber hätte es lieber so:
opt.innerHTML = vara + " \t" varb + \br + varc;
aber \t und \br oder <br> werden nicht erkannt und einfach alles hintereinander geschrieben
mache es so im js:
let opt = document.createElement('option');
opt.innerHTML = vara + " - " varb;
usw. funktioniert ja auch
aber hätte es lieber so:
opt.innerHTML = vara + " \t" varb + \br + varc;
aber \t und \br oder <br> werden nicht erkannt und einfach alles hintereinander geschrieben
netzgestaltung
Captain
- Registriert
- Jan. 2020
- Beiträge
- 3.129
nein das wird nicht gehen und die Default select Elemente würden dabei auch zerbrechen.
Du kanns ein Fake-Select aus Divs und Spans bauen und dazu 2 Klick-handler - einen der das Fake-Select Dropdown öffnet und einen der bei Auswahl einer Option die "echte" aber versteckte Select-Option auswählt.
Du kanns ein Fake-Select aus Divs und Spans bauen und dazu 2 Klick-handler - einen der das Fake-Select Dropdown öffnet und einen der bei Auswahl einer Option die "echte" aber versteckte Select-Option auswählt.
LorD-AcE
Lt. Junior Grade
- Registriert
- Okt. 2010
- Beiträge
- 444
HTML:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="placeholder"></div>
<script>
const vara = 'Hallo'
const varb = 'Bennyaa'
const varc = 'So geht\'s'
let opt = document.createElement('option');
opt.innerHTML = vara + '<br>' + varb + '<br>' + varc
document.getElementById('placeholder').append(opt)
</script>
</body>
</html>So sollte es wunderbar funktionieren.
Ähnliche Themen
