[JavaScript] val() nie pobiera wartości z inputa Opcje

[d.stp]

Mam taki kawałek kodu:

[HTML] pobierz, plaintext 
<input type="text" name="abc" placeHolder="Coś..." size="30" /><
[HTML] pobierz, plaintext 

teraz JS:

[HTML] pobierz, plaintext 
var abc = $('input[name="abc"]').val();
alert(abc);
[HTML] pobierz, plaintext 

i nie pobiera mi wartości z tego inputa... co najlepsze, jak dodam parametr value do inputa czyli np:

[HTML] pobierz, plaintext 
<input type="text" name="abc" placeHolder="Coś..." value="test" size="30" />
[HTML] pobierz, plaintext 

to ładnie wyświetla tę wartość.

O co chodzi? (IMG:style_emoticons/default/sad.gif)

[markuz]

Kiedy wywołujesz ten kod JS? Pokaż całość, bo z tego postu wynika, że wszystko działa tak jak powinno.

[d.stp]

Na samej górze pliku (includowany z indexu).

[HTML] pobierz, plaintext 
<script>
$(document).ready(function() {
$('#check').submit(function() {
</script>
[HTML] pobierz, plaintext 

w html:

[HTML] pobierz, plaintext 
<form id="check">
[HTML] pobierz, plaintext 

[markuz]

http://jsfiddle.net/brmmua1p/

[d.stp]

Dobra.. już wiem co jest nie tak. Bo ten cały form wyświetlam w modalu i to przez to. Poradziłem sobie z tym. Teraz inny problem.

W pętli while pobieram sobie jakieś rekordy i wyświetlam:

[HTML] pobierz, plaintext 
<a href="#" title="" class="red" class="report" data-id="'.$a['id'].'">zgłoś</a>
[HTML] pobierz, plaintext 

No i pytanie jak przekazać te data-id do modala (IMG:style_emoticons/default/sad.gif)

Modal wyświetlam tak:

[HTML] pobierz, plaintext 
<div id="report_window" style="display: none;">
Zgłaszasz POST o ID: JAK_POBRAC_ID_Z_A.report
</div>
[HTML] pobierz, plaintext 

JS:

[HTML] pobierz, plaintext 
$('.report').click(function(e){
			$('#report_window').modal({
				autoResize: true
			});
			return false;
		});
[HTML] pobierz, plaintext 

Pomożecie? (IMG:style_emoticons/default/sad.gif)

[markuz]

[JAVASCRIPT] pobierz, plaintext 
$('.report').click(function(e){
    var id = $(this).data('id');
    $('#report_window').append(id);
    ....
}
[JAVASCRIPT] pobierz, plaintext 

[d.stp]

@markuz, działa dzięki, tylko problem jest tego typu że:

1. Pobierze mi te ID, ale dalej chciałbym pobrać informacje dodatkowe do produktu (jest to prosty sklep).

Czyli pobieram sobie dane po kliknięciu:

var product_id = $(this).data('id');

I teraz mam modal:

[HTML] pobierz, plaintext 
<div id="report_window" style="display: none;">
<h3>Zgłaszasz produkt: NAZWA_PRODUKTU_SKAD_WZIAC</h3>
[HTML] pobierz, plaintext 

na siłę mógłbym wpakować do data-cos nazwę, ale potrzebuje kilku parametrów dotyczących tego produktu... najlepiej jakbym pobrał potrzebne informacje produktu prosto z bazy, tylko jak mam przekazać pobrane ID produktu do zapytania?

pozdro

[markuz]

Po stronie PHP robisz np. plik pobierzDaneProduktu.php
a w nim reagujesz na $_GET['id'] i zwracasz w JSON dane o produkcie (nazwa, itp. itd).

Potem po kliknięciu (w .report) wysyłasz request GET (AJAX) na link np. 'pobierzDaneProduktu.php?id=' + product_id, w callback (success) odbierasz dane, przekazujesz do diva #report_window za pomocą np. html('tresc') albo append('tresc') i wtedy dopiero wywołujesz modal.

O to chodziło? Jest to dosyc skomplikowane, jeżeli robisz to pierwszy raz - więc poczytaj sobie o AJAX.

Ten post edytował markuz 18.11.2015, 17:53:48

[d.stp]

Ja już to robiłem setki razy, tylko coś zapomniałem... nie przypominam sobie żebym to robił za pomocą ajaxa a w jakiś sposób przekazywałem te dane do tego modala.. hmm kurcze, a nie ma innej opcji na przekazanie tych info?

dobra... zrobiłem takie coś:

[HTML] pobierz, plaintext 
var product_id = $(this).data('id');
			var product = array();
			$.ajax({
				type: "POST",
				dataType: "JSON",
				url: "postback/get_product.php",
				data: "product_id="+product_id,
				success: function(data) {
					product = data[];
				}
			});
			alert(product["product_amount"]);
[HTML] pobierz, plaintext 

to nie działa, gdzie popełniam błąd? jak dam w success { alert(data["product_amount"]; } to wtedy działa. jak to zrobić? (IMG:style_emoticons/default/sad.gif)

[markuz]

Kod

var product = array();

serio?
JavaScript nie działa w ten sposób, product będzie dostępny tylko w success, bo alert() się wykona wcześniej niż ajax.

[d.stp]

W takim razie jakiś pomysł żeby przekazać te dane do modala w postaci tablicy?

Bo w modalu ma być formularz i masa innych tekstów stałych, wartości z bazy (tego co pobieram) etc i chciałbym operować tymi danymi w postaci "Produkt NAZWA_PRODUKTU" czy "Ten produkt kosztuje WARTOSC_Z_BAZY zł".

Ten post edytował d.stp 18.11.2015, 18:44:52

[markuz]

http://kursjs.pl/kurs/jquery/jquery_ajax.html
http://webroad.pl/javascript/746-synchroni...synchronicznosc