在foreach循環中獲取選擇標記的值

Question

因此，我在jsp文件（或html）中的每個循環中都遍歷了一個數組，即一組數據，在該循環中，我有一個select標簽來選擇一個選項。 假定顯示一行，並且每一行都有一個選擇選項。 我想做的就是獲取select標記值的每個實例。 我嘗試使用具有許多不同類型的標識符的JQuery進行此操作，但是無論我如何嘗試進行實驗，它都不會返回任何內容，未定義或select標簽的第一個實例，但不會返回以下內容。 誰能幫我？

<c:forEach var="temp" items="${data}" id="loop">

    <tr><td>
    <div class="dropdown">
        <select class="btn btn-secondary dropdown-toggle select" name="${temp.id}" >
            <option value="1" class="dropdown-item btn btn-secondary dropdown-toggle" > Pending </option>
            <option value="2" class="dropdown-item btn btn-secondary dropdown-toggle" > Approve </option>
            <option value="3" class="dropdown-item btn btn-secondary dropdown-toggle" > Deny </option>
        </select>
     </div>
     </td></tr>
</c:forEach>
/*****************************************************
                 JQuery Code
*****************************************************/
 $("#update").click(function() {
      var index = $("select.statues").val();
      console.log(index);
    /* $.each(index, function(i, item){
        console.log(item);
  });*/
});

更新ID是所有HTML內容之后的輸入標記

Answer 1

$("select.statues").val(); 為您提供當前選擇的選項。

您將必須首先獲取所有選擇並對其進行迭代以獲得相應的值。

你在找

$("#update").click(function() {
   var $selects = $(".select");
   console.log($selects);
   $.each($selects, function(i, item) {
     // selected value
     var $currSelect = $(item)
     console.log($currSelect.val());
     // Selected option text
     console.log($currSelect.find('option:selected').text());
   });
 });

檢查小提琴