Value z inputa używana przed przeładowaniem strony

Question

Witam,

Wczytuję dane z <input text> do zmiennej, po czym dane te chciałbym przesłać jako argument do funkcji jednego z pluginów jQuery, wywoływanej dalej w kodzie. Problem w tym, że wartość (ta z inputa) jest dostępna dopiero po odświeżeniu strony, co w moim przypadku jest sytuacją całkowicie niepożądaną. Istnieje jakiś sposób na wczytanie danych z inputa, a następnie użycie jej w funkcji bez odświeżania strony?

Pozdrawiam.

Answer 1

Tak. Usuń inputa z forma. W momencie kiedy masz standardową konstrukcję form + inputy + submit, to strona będzie się odświeżać.

Daj jeden surowy input text, do tego button z onclickiem i Twoją funkcją. 

Comments

Tu się pojawia problem, ponieważ użyłem tagów <form></form>, aby móc zastosować zdarzenie submit. I teraz jak usunę te tagi, to zdarzenie submit nie będzie wykonywalne. A zależy mi na tym, aby po funkcja wywoływała się po kliknięciu entera. Czyli nie chodzi tu konkretnie o proble z odświeżaniem za pomocą submit (bo w funkcji obsługującej to zdarzenie dodałem return:false;).

<form>
	<label for="hex">#</label>
	<input type="text" maxlength="6" id="hex" name="hex"/> 
	<i class="fa fa-check" id="check"></i>
	<div style="clear:both;"></div>
</form>
						

$('form').submit(function () {
	drawing();
	return false;
});

Nie wiem, może jest jakieś alternatywne do submit zdarzenie, niewymagające form?

---

Pogubiłem się trochę. Co chcesz osiągnąć? Wykonać funkcję? Wysłać dane? Obydwa warianty?

---

Opisałem mój problem bardzo niejasno, ale to z powodu faktu, że sam się trochę pogubiłem.

Chodzi o to, że użyłem wtyczki do jQ na wykres i chciałem 'w locie' updatować jego wartości. Czyli jeśli w kolejnych linijkach kodu zmieniłyby się wartości poszczególnych danych, diagram miałby się sam dostosowywać (zmieniać kształt) do tych nowych. Problem był taki, że aby otrzymać ten efekt trzeba było przeładować stronę (czyli nie tak jak chciałem).

Okazało się, że to nie była kwestia javascriptu, a wywołania odpowiedniej funkcji tej wtyczki.