0

ループ内に選択と入力ボタンのコントロールがあります。最初、入力ボタンは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();
});
4

2 に答える 2

1

試してみ.closest().find()

$('select').on('change' , function(){
     $(this).closest('td').find('input[type="button"]').show();
                           //OR
    $(this).closest('td').find('.updatebtn').show();
 });
于 2012-10-22T07:11:37.250 に答える
0

クラスとIDはphpを使用して動的に作成されるupdateoptinbtn_<?php echo($j++);?>"ため、使用したcssセレクターは正しくありません。以下のコードを使用してください。

 $('select').change(function(){
     $(this).next('input[type="button"]').show();
 })
于 2012-10-22T06:59:39.733 に答える