Notifikationer

Markér alle som læst Log ud

rudi1234 Nybegynder

21. januar 2004 - 16:02 Der er 6 kommentarer og
1 løsning

Falsk SELECT

Jeg har en select (dropdown) i en form. Selecten indeholder nogle kategorier som brugeren kan tilknytte en post.

Men udover de allerede oprettede kategorier vil jeg gerne have at brugeren kan indtaste en ny kategori direkte i selectboksen - og denne nye værdi skal kunne submittes til formen ligesom alle andre feltværdier.

Synes godt om

skovenborg Nybegynder

21. januar 2004 - 16:20 #1

Tænker du på noget i den her stil:
<script type="text/javascript">
function makeOption(selectElm,inputText,inputValue)
{
var optionVar = new Option(inputText,inputValue);
selectElm.options[selectElm.length] = optionVar;
}
</script>

<form name="form1">
<select name="sel1">
<option value="1">1
<option value="2">2
<option value="3">3
</select>
Text:<input type="text" name="tekst"> Value:<input type="text" name="val"><input type="button" value="Lav option" onclick="makeOption(this.form.sel1,this.form.tekst.value,this.form.val.value);">
</form>

Synes godt om

rudi1234 Nybegynder

21. januar 2004 - 16:32 #2

Det kan bruges, men bedst ville det være hvis selve SELECTEN indeholder et felt hvor man kan placere en cursor og så skrive.

Men hvis ikke, så tror jeg jeg kan bruge dit forslag ved at flytte lidt rundt på tingene... :o)

Så smid gerne et svar

Synes godt om

rudi1234 Nybegynder

21. januar 2004 - 17:32 #3

Er der en måde hvorpå jeg kan få den nyoprettede option til at være selcted?

Synes godt om

skovenborg Nybegynder

21. januar 2004 - 17:40 #4

jo sådan her:
function makeOption(selectElm,inputText,inputValue)
{
var optionVar = new Option(inputText,inputValue);
selectElm.options[selectElm.length] = optionVar;
selectElm.options[selectElm.length-1].selected = true;
}

Synes godt om

skovenborg Nybegynder

21. januar 2004 - 17:44 #5

at skulle lave en mulighed for at tilføje et nyt option er jeg meget sikker på ikke kan lade sig gøre - ikke direkte i hvert fald, desværre.

Synes godt om

rudi1234 Nybegynder

21. januar 2004 - 17:53 #6

Jammen, det virker bare..., prøv selv:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Nyt dokument</title>
<meta name="generator" content="TSW WebCoder">
</head>

<body>
<script type="text/javascript">
function makeOption(selectElm,inputText,inputValue)
{
var optionVar = new Option(inputText,inputValue);
selectElm.options[selectElm.length] = optionVar;
selectElm.options[selectElm.length-1].selected = true;
}
</script>

<form name="form1">
<select name="sel1">
<option>Vælg kategori
<option value="1">1
<option value="2">2
<option value="3">3
</select>
<br>
<input type="text" name="tekst" value="Indtast evt. ny kategori" onChange="makeOption(this.form.sel1,this.form.tekst.value,this.form.tekst.value);document.form1.sel1.options.selected='true';">

</form>

</body>
</html>

Synes godt om

skovenborg Nybegynder

21. januar 2004 - 18:53 #7

det er jeg da glad for :-)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS