Select feld breite angeben

Computer: Software & Programmierung HTML & CSS
#1

Hallo,

Ich möchte die breite eines Select feldes dynamisch verändern.
Das Select feld breite soll sich nach der länge des wortes „Suchbegriff(e):“ richten.
Die länge des wortes „Suchbegriff(e):“ wird unten im javascript ausgelesen.

Nun meine frage wie kann ich im Select feld style=„width: 25px“ die 25 ersetzen durch die länge des wortes „Suchbegriff(e):“.

Mein code dazu sieht so aus.

Suchbegriff(e):
 

var breite = document.getElementById(‚ImageFormSearchTerm‘).offsetWidth;

Danke Fred

#2

Moin,

Nun meine frage wie kann ich im Select feld style=„width:
25px“ die 25 ersetzen durch die länge des wortes
„Suchbegriff(e):“.

Nicht mit HTML oder CSS. Aber mit JavaScript. Setze einfach die Eigenschaft per JavaScript.

Gruß,
-Efchen

#3

Guten Tag,

Moin,

Nun meine frage wie kann ich im Select feld style=„width:
25px“ die 25 ersetzen durch die länge des wortes
„Suchbegriff(e):“.

Nicht mit HTML oder CSS. Aber mit JavaScript. Setze einfach
die Eigenschaft per JavaScript.

Das hab ich schon gemacht etwa so,

var breite = document.getElementById(‚ImageFormSearchTerm‘).offsetWidth;

Gruß,
Fred

#4

Hi Fred,

**<small><br><br>var breite = document.getElementById('ImageFormSearchTerm').offsetWidth;<br>document.getElementById('Cat').style.width=breite+"px";<br></small>**

Das nach dem select in den Quelltext oder window.onload verwenden.

h♥rzlichen Gruß
Nitya

#5

MOD: verschieben bitte nach JavaScript , danke

Moin Manfred :

das select feld soll sich in der länge anpassen je nachdem was gerade ausgewählt wurde ???

dann würde ich das auch in ein onchange einbauen

und bezieht sich ja auf die ausgewählte option

function newsize(theselected) {
var wert = theselected.options[theselected.selectedIndex].value ;
var breite = wert.length +1;
document.getElementById(„myselect“).style.width = breite + „em“;
}

123234535678

MOD: verschieben bitte

#6

Moin,

Das hab ich schon gemacht etwa so,

Tags innerhalb von Tags, das funbktioniert an der Stelle nicht. Das schlag Dir auch für die Zukunft mal aus dem Kopf.

Das funktioniert nur mit serverseitigen Sprachen, z.B. PHP. Aber wenn Du clientseitig bleibst, dann musst Du zuerst ein Tag abschließen, bevor Du ein neues aufmachst. Und damit meine ich Dein , was natürlich erlaubt ist.

Grüße,
-Efchen

#7

Hi Nitya,



var breite =
document.getElementById(‚ImageFormSearchTerm‘).offsetWidth;
document.getElementById(‚Cat‘).style.width=breite+„px“;

Das nach dem select in den Quelltext oder window.onload
verwenden.

Danke für die Antwort, das haut hin.
Leider nur beim IE,
beim Firefox kommt die Meldung

bei
document.getElementById(‚Cat‘).style.width=„10px“;

weist da noch abhilfe.

Danke Fred

#8

Danke für die Antwort, das haut hin.
Leider nur beim IE,
beim Firefox kommt die Meldung

bei
document.getElementById(‚Cat‘).style.width=„10px“;

weist da noch abhilfe.

Danke Fred