Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]pobieranie value z pola input w liscie li
klopot21
post 1.06.2020, 13:17:55
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 1.06.2020

Ostrzeżenie: (0%)
-----


Cześć,
Mam takie pytanie w jaki sposób można pobrać value z pola input w jeśli znajduje się w liście li?


<div class="form-group">
<div style="padding: 10px;" id="starList">

<li class="stars" id="1"> test <button class="deleteTag btn-delete" id="1">X</button></li><input name="multiStar[]" type="hidden" id="1" value="test"></div>

</div>
</div>

<div class="btn btn-success" onclick="sprawdz()" >sprawdz</div>


<script>
function sprawdz(){


var multiStar = document.getElementsByName('multiStar').value

var li = document.getElementById("starList").value
console.log(li.innerText);

console.log(multiStar);

}

</script>
i dostaję "undefined" obecnie całą logikę obsługuje przez formularz a chciałbym zrobić to ajaxem ale nie wiem w jaki sposób można pobrać tego inputa :/
Go to the top of the page
+Quote Post
viking
post 1.06.2020, 14:25:45
Post #2





Grupa: Zarejestrowani
Postów: 6 365
Pomógł: 1114
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


  1. var inputValues = document.querySelectorAll('#starList input[name="multiStar[]"]');
  2.  
  3. inputValues.forEach(function(item, index) {
  4. console.log(item.value)
  5. });


Wyrzuć ten ocnlick do normalnej akcji wewnątrz skryptów.


--------------------
Go to the top of the page
+Quote Post
klopot21
post 1.06.2020, 20:33:29
Post #3





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 1.06.2020

Ostrzeżenie: (0%)
-----


mam jeszcze pytanie w jaki sposób przypisać to do zmiennej próbowałem zrobić var ajax = item.value w pętli ale nie można w ten spoób tego zrobić



  1.  
  2. $.ajax({
  3. url :"{{route('AdminController.edit_films_add_stars')}}",
  4. type:'POST',
  5. data:{inputValues:inputValues},
  6. dataType:'JSON',
  7.  
Go to the top of the page
+Quote Post
viking
post 2.06.2020, 04:57:36
Post #4





Grupa: Zarejestrowani
Postów: 6 365
Pomógł: 1114
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


Może podstawowe pytanie. Skoro używasz jquery a nie tak jak pokazałeś vanilla js to dlaczego nie zrobisz tego jquery-way?


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 17.04.2024 - 00:43