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 :/

[HTML] pobierz, plaintext 
var inputValues = document.querySelectorAll('#starList input[name="multiStar[]"]');
 
inputValues.forEach(function(item, index) {
  console.log(item.value)
});
[HTML] pobierz, plaintext 

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

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ć

[PHP] pobierz, plaintext 
 
                   $.ajax({
                    url :"{{route('AdminController.edit_films_add_stars')}}",
                    type:'POST',
                    data:{inputValues:inputValues},
                    dataType:'JSON',
 
[PHP] pobierz, plaintext 

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