Pobieranie zmiennej byName

Pobieranie zmiennej byName
frankiejojo
FR
frankiejojo
FR
  • Rejestracja:ponad 9 lat
  • Ostatnio:około rok
  • Postów:73
0

Cześć,
Mam taki skrypt.
Pętla generująca 10 przycisków a do każdego z nich przypisana jest wartość od 1 do 10.
Bez względu na to, który przycisk przycisnę to wyświetli mi 1.
Logiczne bo zmienną pobieram document.getElementsByName("numer")[0].value;
Szukam sposobu jak to [0] zamienić by wyświetlało mi tą zmienną, przy której nacisnąłem przycisk.
Jakaś podpowiedź

Kopiuj
<?php 
for ($i=1; $i<10; $i++){
echo "<input type='text'  name='numer' value =".$i.">";
echo "<button class='button' onclick='edytuj()'>Edytuj</button>";
echo "</br>";
 
}
 ?>
<script>
function edytuj(){
    var numer1 = document.getElementsByName("numer")[0].value;
    alert("Wartość id: "+numer1);
}
</script>
edytowany 1x, ostatnio: frankiejojo
Udostępnij
Kopiuj link do postu Kopiuj link do postu jako Markdown
Komentuj
serek
serek
serek
serek
  • Rejestracja:około 11 lat
  • Ostatnio:około 4 godziny
  • Postów:1476
1

Coś takiego:

Kopiuj
for ($i=1; $i<10; $i++){
   echo "<input type='text' id='btn-$i' name='numer' value=$i>"; 
   echo "<button class='button' onclick='edytuj($i)'>Edytuj</button>";  
   echo "</br>";
}
Kopiuj
function edytuj(id){
    var numer1 = document.getElementById("btn-"+ id).value;
    alert("Wartość id: "+numer1);
}
edytowany 2x, ostatnio: serek
Udostępnij
Kopiuj link do postu Kopiuj link do postu jako Markdown
Komentuj
Maciej Cąderek
Maciej Cąderek
Maciej Cąderek
Maciej Cąderek
  • Rejestracja:ponad 9 lat
  • Ostatnio:ponad 3 lata
  • Lokalizacja:Warszawa
  • Postów:1264
1

Rozwiązanie @serek jest poprawne, ale generalnie zamiast dodawać obsługę zdarzenia do każdego przycisku i pakować logikę do htmla, lepiej zrobić coś takiego:

Kopiuj
echo "<form id='my-form'>";
for ($i=1; $i<10; $i++){
   echo "<input type='text' id='btn-$i' name='numer' value=$i>";
   echo "<button class='button' data-id='$i'>Edytuj</button>";
}
echo "</form>";
Kopiuj
document
  .getElementById('my-form')
  .addEventListener('click', (event) => {
    event.preventDefault()
    if (event.target.tagName === 'BUTTON') {
      console.log('Button id:', event.target.dataset.id)
    }
  })
edytowany 4x, ostatnio: Maciej Cąderek
Udostępnij
Kopiuj link do postu Kopiuj link do postu jako Markdown
Komentuj

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.

Utwórz konto