<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>
谁能帮我解决这个问题?
最佳答案
您必须在事件处理程序中使用 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”,而是使用一个类。
关于php - 如何通过从 jquery 的下拉列表中选择一个值来知道应该更改 div 的哪些按钮文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41548150/