Hogyan kaphatom meg ennél a mintánál az értéket jQuery-nél?
Teljesen amatőr vagyok, de generálódik nekem egy ilyesmi:
<span class="link">érték
<input type="text" id="azonosito-0" class="row-0" value="12345">
<input type="text" id="jelszo-0" class="row-0" value="alma">
</span>
<span class="link">érték
<input type="text" id="azonosito-1" class="row-1" value="9876">
<input type="text" id="jelszo-1" class="row-1" value="körte">
</span>
[...]
Ez egy tábla egyik oszlopában van és azt szeretném ha rákattintok az értékre akkor adja vissza az adott span belül az input mező értékét.
Egyszerűen nem tudom hogy kellene hivatkozni rá, nem értem. Aztán az is lehet hogy teljesen más listát kéne generálnom. Már jojózik a szemem a sok kipróbált kódon.
Egy ilyen onlic-el szeretném megoldani.
$(document).on('click','.link',function(e){
});
$(document).ready(function(){
// Span kijelölése
var valueBtn = $('.link');
// Ahhoz, hogy meghatározd melyikre kattintottál az index() funkciót kell használnod
valueBtn.click(function(){
// Megadja, hogy az oldalon hanyadik 'link' classra kattintottál rá. A sorrend 0-val kezdődik.
var btn = valueBtn.index(this);
// Ha ez megvan, akkor már csak az értékeket kell kiolvasni az inputból
// Csak egy tanács. Jobb, ha azonosito_0 és jelszo_0-ra cseréled le, mert a JS nem kedveli az ilyen id-ket, amiben - van, ugyanis általában az egy műveleti jel. És szebb az alulvonással (Vagy még az sem kell) :)
var azon = $('.azonosito-'+btn).val();
var jelszo = $('.jelszo-'+btn).val();
// A console logot úgy nézheted meg, hogy a böngésződ fejlesztő eszköztárában (nyomsz egy ctrl+i-t) kikeresed azt a részt, hogy 'console'.
console.log('Azonosító: '+azon+'\nJelszó: '+jelszo);
});
});
#1 ennyire azért nem kell túlmisztifikálni.
Az esemény kezdése jó, csak ki kell egészíteni az értékek kiszedésével:
$(document).on('click','.link',function(){
var azon = $(this).children('input[id^="azonosito"]').val();
var jelszo = $(this).children('input[id^="jelszo"]').val();
...
});
Drone007: Ez tényleg működik! Köszi!
Első hozzászóló: Ezt nem próbáltam, de azt is jó tudni amit írtál.
Köszönöm a segítséget!
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!