javascript - td 内选择标签的值

Question

我无法获得所选选项的值。我总是得到每个选项的全部价值，包括禁用选项

这是我在显示表中的代码

while (($row = mysqli_fetch_assoc($rs))) {
                                    ?>
      <tr>
            <td><?php echo $row['order_item_id']; ?></td>
            <td><?php echo ucfirst(getProductIDFromId($con, $row['product_id'])); ?></td>
            <td><?php echo ucfirst(getProductNameFromId($con, $row['product_id'])); ?></td>
            <td><?php echo $row['rate']; ?></td>
            <td><?php echo $row['quantity']; ?></td>
            <td><?php echo $row['total']; ?></td>

              <td>


              <select id="discount" name="discount">
              <option value="" disabled selected>Select Discount</option>

               <option>0.3</option>
               <option>0.2</option>

               </select>
             </td>
 <td> <button type="button" class="btn btn-success btnapplydiscount" id="btnapplydiscount" 
data-bs-toggle="modal" data-bs-whatever="@mdo"><i class="fa fa-pencil-square-o" aria- 
hidden="true"></i> 

我会通过jquery得到td[6]的值

 $(document).ready(function() {
        $('.btnapplydiscount').on('click', function() {
            $('#applydiscountmodal').modal('show');
            $tr = $(this).closest('tr');
            var data = $tr.children("td").map(function(){
                return $(this).text();
            }).get();
            console.log(data);
            $('#apply_discount').val(data[0]);
            $('#value_discount').val(data[6]);
           
        
        });
    });

并将值传递给模态

      <div class="modal fade" id="applydiscountmodal" tabindex="-1" aria- 
     labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Apply Discount</h5>
     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <form action="apply_discount.php" method="POST" enctype="multipart/form-data">
                        <div class="modal-body">
                            <input type="hidden" name="apply_discount" id="apply_discount">
                            <input type="hidden" name="value_discount" id="value_discount">
                            <h4>Do you want to apply discount to this order item?</h4>

                        </div>




                        <div class="modal-footer">
 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" aria-label="Close">Close</button>
  <button type="submit" name="applydiscountbtn" class="btn btn-danger">Apply</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

而在调试的时候，总是得到value discount = Select Discount 0.3 0.2的值，希望你能帮帮我。非常感谢

标签： javascriptphphtmljquery