单击按钮即可显示多个ID

Question

HTML + PHP

<?php
  for($i=0;$i<5;$i++){
?>

<input readonly class="copyTarget" id="copyTarget<?php echo $i; ?>" value="val<?php echo $i; ?>">

<span>
    val<?php echo $i; ?>
</span>

<button class="btn btn-primary" id="copyButton<?php echo $i; ?>"  onClick="reply_click(this.id, $('.copyTarget').attr('id'));">Copy</button>


<?php
  }
?>

JS

<script>
    function reply_click(clicked_id, target_id) {
        alert(clicked_id);
        alert(target_id);
    }
</script>

What i want

I want to get the both values for copyTarget and copyButton as per loop cycle. It means

If current value of $i = 3

then I want alert values like,

clicked_id = copyTarget3
target_id = copyButton3

What i am currently getting is,

If current value of $i = 3

then I want alert values like,

clicked_id = copyTarget0
target_id = copyButton3

Its taking first value of ID(copyTarget) stored initially. I want current loop cycle value.

Any help would do

Thanks

Answer 1

Why use JS in handler?

Try:

onClick="reply_click('copyButton<?php echo $i; ?>', 'copyTarget<?php echo $i; ?>')"

Also you should store id names (copyButton and copyTarget) in php variable, so you can change them in one place.