CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

dondy-kurt Nybegynder

04. februar 2010 - 21:02 Der er 10 kommentarer og
1 løsning

Ram attributes med javascript

Hejsa Eksperter

Ja, overskriften siger lidt af det, men i får lige en lille forklaring. Er rimelig grøn til javascript, så det er sikkert mega nemt.

Jeg vil gerne ind og ramme valuen i denne <input> og trace den ud i console. Således at den tracer det ud som man skriver ind i <input> taget Min kode ser således ud:

<input id="lastname" value="" lang="da" tabindex="3" />

var myId = document.getElementById("place").getAttribute("value");

console.log(myId);

Hvad gør jeg forkert?

Synes godt om

tjens Nybegynder

04. februar 2010 - 23:24 #1

Ikke testet men jeg mener at value er en egenskab og ikke en attribut:

var myId = document.getElementById("lastname").value;

PS: hvorfor står der henholdsvis lastname og place på de 2 linier?
Det skal være samme id.

Synes godt om

mike2002 Nybegynder

04. februar 2010 - 23:26 #2

Hej

getAttribute virker ikke super i IE, mener jeg - setAttribute gør i hvert fald ikke, ved jeg af erfaring. Så skal filen vist være i xml.

Men hvis du bare skal have værdien af et input felt, skriver du bare:

<input id="lastname" value="" lang="da" tabindex="3" />

var myId = document.getElementById("lastname").value;

Synes godt om

dondy-kurt Nybegynder

04. februar 2010 - 23:42 #3

Takker for nogle gode svar :)

Synes godt om

dondy-kurt Nybegynder

05. februar 2010 - 12:46 #4

Jeg skal have skrevet det ud man skriver ind i <input> feltet!

Synes godt om

dondy-kurt Nybegynder

05. februar 2010 - 12:52 #5

Jeg får denne fejl i min console..

document.getElementById("place") is null

Synes godt om

tjens Nybegynder

05. februar 2010 - 13:27 #6

#5 Det inputfelt du har vist i #0 har id=lastname

Derfor har #1 og #2 brugt "lastname" i getElementById.

Hvordan ser dit "place" felt ud?

Synes godt om

dondy-kurt Nybegynder

05. februar 2010 - 16:34 #7

Sådan her ser mit <input> tag ud:

<input id="place" value="" lang="da" tabindex="1" />

Sådan her ser mit javascript ud:

var myId = document.getElementById("place").value;

console.log(myId);

Når en person skriver noget ind i <input> feltet, så skal den skrive det ud i min console. Men det gør den ikke nu??

Synes godt om

tjens Nybegynder

05. februar 2010 - 18:30 #8

Hvilken function har du linierne

var myId = document.getElementById("place").value;
console.log(myId);

i, og hvornår og hvordan kalder du denne function?

Synes godt om

dondy-kurt Nybegynder

05. februar 2010 - 21:07 #9

Det er ikke i en function, skal jeg da det?

Vil det så du hvis jeg lægge koden ind i en function der fx hedder callFunction og så kalder functionen således?

<input id="place" value="" lang="da" tabindex="1" onchange="callFunction();" />

??

Synes godt om

dondy-kurt Nybegynder

05. februar 2010 - 23:23 #10

Så fandt jeg ud af det... Det var sådan som inlægget ovenover.
Så blev jeg det klogere på javascript :)

Koden ser således ud, hvis der er andre der kunne bruge dette fremover:

HTML:
<input id="place" value="" lang="da" tabindex="1" />

java script:
function callFunction (inputId) {
var inId = document.getElementById(inputId).value;
console.log(inId);
}

Synes godt om

tjens Nybegynder

06. februar 2010 - 08:33 #11

Javascripts er altid opdelt i en masse functions.
Og måden de afvikles på kunne kaldes "event-orienteret".
D.v.s. når der sker en eller anden ting i browseren kaldes en function eller to.

Der er ikke nogen overordnet struktur, som du måske kender fra et server-program, hvor alt er organiseret og kører struktureret.

Som du fandt ud af er det events som onchange, onclick, onmouseover, onsubmit o.s.v. der styrer hvornår de forskellige små functions bliver afviklet.

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 JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

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