Jquery 当选择名称相同但值不同时，禁用同级元素

我的网站有四个html选择，具有相同的选择名称和不同的值

<td>
    <select name="bali" disabled>
        <?php
            $query="select * from bali_intro";
            $result=$con->query($query) or die($con->error);
            while($row=$result->fetch_assoc()){
            $heading=$row['heading'];
        ?>
        <option value="<?php echo $heading?>"><?php echo $heading?></option>
        <?php } ?>
    </select>
</td>

<td>
    <select name="bali" disabled>
        <?php
            $query="select * from veg_intro";
            $result=$con->query($query) or die($con->error);
            while($row=$result->fetch_assoc()){
            $heading=$row['heading'];
        ?>
        <option value="<?php echo $heading?>"><?php echo $heading?></option>
        <?php } ?>
    </select>
</td>

<td>
    <select name="bali" disabled>
        <?php
            $query="select * from fruit_intro";
            $result=$con->query($query) or die($con->error);
            while($row=$result->fetch_assoc()){
            $heading=$row['heading'];
        ?>
        <option value="<?php echo $heading?>"><?php echo $heading?></option>
        <?php } ?>
    </select>
</td>

<td>
    <select name="bali" disabled>
        <?php
            $query="select * from pasu_intro";
            $result=$con->query($query) or die($con->error);
            while($row=$result->fetch_assoc()){
            $heading=$row['heading'];
        ?>
        <option value="<?php echo $heading?>"><?php echo $heading?></option>
        <?php } ?>
    </select>
</td>

---

但它不起作用。对于这个问题，什么是合适的jquery函数？

select没有同级，它位于有同级的TD元素中

var elems = $('select[name="bali"]').on('change', function(){
    $(this).prop('disabled', false)
    elems.prop('disabled', true);
});

在单击时启用“选择元素”似乎是个坏主意？

我认为这是您的目标

$('select[name="bali"]').change(function(){
    $("select[name='bali']").attr('disabled','disabled');
    $(this).removeAttr('disabled');
});

---

选择项不是同级项，因此找不到它们。

删除html中添加的默认禁用属性，它不会触发单击事件。

---

很可能它会解决您的问题。

答案更清晰！谢谢

$('select[name="bali"]').change(function(){
    $("select[name='bali']").attr('disabled','disabled');
    $(this).removeAttr('disabled');
});