Question

我在循环中选择并输入按钮控制。最初使用css属性display：none隐藏输入按钮;我希望在jquery的帮助下显示选择值时显示输入按钮。只有相应的输入才能显示而不是全部。请帮帮我

<td>                              
    <select id="isactive" class="select_<?php echo($i++);?>">
        <option  value="single" <?php if($currentStatus == "S") echo("selected=\"true\""); ?> >Single</option>
        <option value="double" <?php if($currentStatus == "D") echo("selected=\"true\""); ?>>Double</option>
        <option value="no" <?php if($currentStatus == "N") echo("selected=\"true\""); ?>>No</option>                          
    </select>
    <input type="button" class="updatebtn" id="updateoptinbtn_<?php echo($j++);?>" value="Update" />                                  
</td>

JQuery的

$(".select").change(function(){
    $("#updateoptinbtn").show();
});

Answer 1

尝试.closest()和.find()

$('select').on('change' , function(){
     $(this).closest('td').find('input[type="button"]').show();
                           //OR
    $(this).closest('td').find('.updatebtn').show();
 });

Answer 2

您的类和ID是使用php updateoptinbtn_<?php echo($j++);?>"动态创建的，因此您使用的css选择器不正确。请使用以下代码：

 $('select').change(function(){
     $(this).next('input[type="button"]').show();
 })

jquery隐藏和显示按钮

2 个答案: