jak odczytac inputa alertem z js

pytanie zadane 14 września 2016 w JavaScript przez KamilGG Użytkownik (690 p.)

Mam problem, mianowicie chodzi mi o to by pokazać value z inputa w alercie javascriptem. Mam taki kod, ale coś nie działa, pomoże ktoś?

function form1()
{
	var x = document.getElementsByName("miasto")[0].tagName;
	document.innerHTML = x;
}

<input name="miasto" type="text" value="Biała-Podlaska"><br>
<button onclick="form1()">Try it</button>

2 odpowiedzi

odpowiedź 14 września 2016 przez Comandeer Guru (606,240 p.)

Twój kod próbuje pobrać nazwę tagu (czyli input) z pierwszego elementu na stronie, który ma [name=miasto] (czyli poprawnego pola) i przypisać go do document.innerHTML (co prawdopodobnie miało nadpisać całą treść strony, więc powinno wyglądać raczej document.body.innerHTML).

Polecam pobawić się raczej document.querySelector żeby dobrać się do pola i alert, żeby wyświetlić jego własność value. I poczytać przy okazji czemu [onclick] jest złe.

odpowiedź 14 września 2016 przez Miszo Bywalec (2,100 p.)

<input name="miasto" id="input" type="text" value="Biała-Podlaska"><br>

alert($("#input").val());

komentarz 14 września 2016 przez KamilGG Użytkownik (690 p.)

nie działa

komentarz 14 września 2016 przez Miszo Bywalec (2,100 p.)

a podpiłeś jquery do head'a?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

komentarz 14 września 2016 przez writen Nałogowiec (29,060 p.)

A po co do tak prostych rzeczy jQuery?

komentarz 14 września 2016 przez Miszo Bywalec (2,100 p.)

Co to znaczy po co? Skoro można napisać to w taki krótki sposób, w jedenej linijce to czemu nie?

1	komentarz 14 września 2016 przez writen Nałogowiec (29,060 p.) Fajnie, właśnie skróciłeś kod o parę znaków kosztem załadowania jakiejś niepotrzebnej biblioteki. Gratuluję.

komentarz 14 września 2016 przez Miszo Bywalec (2,100 p.)

A skąd ty wiesz, że nie będzie korzystał z jQuery póżniej pisząc jakieś inne funkcje w swoim projekcie.Chyba nie stworzył projekty tylko po to, żeby wyświetliło mu się to value z tego inputa. Jak myślisz? Skoro ma załadowaną bibliotekę i będzie z niej korzystał w wielu rzeczach to najrozsądniejszą opcją jest użyć jQuery w tym przypadku. Pomyśl czasem zanim coś napiszesz...

komentarz 14 września 2016 przez writen Nałogowiec (29,060 p.)

Najpierw wypadałoby poznać podstawy JavaScriptu. Jak widać autor tematu ma z tymi podstawami problemy.

A użycie jQuery jest w przeważającej ilości wypadków przerostem formy nad treścią http://tutorials.comandeer.pl/js-jquery.html

komentarz 14 września 2016 przez Miszo Bywalec (2,100 p.)

Po to ta biblioteka została wymyślona, żeby nie musieć rozpisywać się z tradycyjnym JS. To zwykłe udogodnienie ,więc nie wiem o co ci chodzi. Zresztą spójrz na kategorie tematu, jest tam także jQuery, więc podałem jedną możliwość na wykonanie tego co chciał autor, a to, że ci się nie podoba taka metoda chociaż jest skuteczna to już twój problem.

komentarz 14 września 2016 przez writen Nałogowiec (29,060 p.)

To jest twój problem, że widzisz kilka korzyści, a nie widzisz masy wad.

Jeśli stawiasz jakieś pseudo udogodnienie nad innymi, dużo ważniejszymi aspektami, to chyba nie dorosłeś jeszcze do programowania. Albo po prostu javascript jest dla ciebie za trudny.

Zdecydowanie lepiej jest napisać troszkę dłuższy, ale za to czystszy, ładniejszy i wydajniejszy kod.

A polecanie jakichkolwiek bibliotek osobie, która nie zna podstaw języka jest ZŁE. W ten sposób robisz tej osobie tylko krzywdę.

komentarz 14 września 2016 przez Miszo Bywalec (2,100 p.)

Pseudo udogodnienie ? Dlaczego pseudo? Jeżeli uważasz, że rozpisywanie się z javascriptem nad tak prozaicznym aspektem jak zwrócenie value no to masz nierówno w głowie. Oczywiście można było to napisać klasycznie, ale po co? Widzę, że nadal nie rozumiesz o co mi chodzi. Praktycznie każdy web developer korzysta choćby z takich metod jaką ja podałem, a nie bawi się w pisanie litani kodu nad błachą rzeczą. Ja rozumiem, że kod pisany w zwykłym js w większości przypadkach jest dużo szybszy, ale mówienie, że jest to bardziej przejrzyste i ładniejsze jest naprawdę nienormalne.

komentarz 14 września 2016 przez writen Nałogowiec (29,060 p.)

Można tylko dojść do wniosku, że brakuje ci doświadczenia i tyle.

Przykro mi, ale to

Praktycznie każdy web developer korzysta choćby z takich metod jaką ja podałem

jest tylko twoja wyobraźnia.

komentarz 14 września 2016 przez Miszo Bywalec (2,100 p.)

yhm.. to może powiesz mi jak jest naprawdę, niech pierwszy rzuci kamieniem ten, co nigdy używał, lub nie używa takich metod jak choćby $("#input").val()

Mam wrażenie, że nie chcesz nawet zrozumieć o co mi chodzi.