php - 如何通过从 jquery 的下拉列表中选择一个值来知道应该更改 div 的哪些按钮文本？

Question

<tr>
    <td>gggg</td>
    <td>343434343</td>
    <td>gg ggg</td>
    <td>
        <select id="purchase" data-id="<?php echo $arr['cusid']; ?>"
            class="items" name="items">
            <option value="1"
                <?php if($arr['itemstatus']=="Item Picked") echo 'selected="selected"'; ?>>
                Item Picked
            </option>
        </select>
        <button class="issue modify btn btn-success" id="ref"
            data-id="<?php echo $arr['cusid']; ?>">
            <?php if($arr['issuestatus']=="0") {echo 'Not Issued';} else{ echo 'Issued'; } ?>
        </button>
    </td>
</tr>

我的 html 表中有这样的代码。我有很多这样的行。当我从选择框中选择项目时，当我更改选择框的内容时，我想在带有类问题的按钮标签中显示文本 Issued。我已经为其编写了代码，但是当我更改在第一行中选择框值，文本 Issued 显示所有其他行中具有类问题的所有按钮。我想在特定按钮中显示文本问题。我写的代码如下所示:

<script type="text/javascript">


$(function () {


$('select.items').on('change', function(e) {


          var text = 'Issued';

          $("button#ref:last").html(text);


          var cusid = $('.items').attr("data-id");



     });

  });


 </script>

谁能帮我解决这个问题？

Answer 1

您必须在事件处理程序中使用 this 对象来遍历并选择正确的元素。在这里，我使用了 .next()，因为该按钮是 select 元素的下一个同级元素，

$('select.items').on('change', function(e) {
  var text = 'Issued';
  var cusid = $(this).data("id");

  $(this).next(".btn.issue").text(text);
});

同时使用多个 id 会使您的 html 无效。不要对按钮使用相同的 id“ref”，而是使用一个类。