单击单个按钮上的多个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>

我想要什么

我希望获得copyTarget和copyButton的每一个循环周期的两个值。这意味着

$i = 3的中频电流值

我想要警告值，

clicked_id = copyTarget3
target_id = copyButton3

我现在得到的是，

$i = 3的中频电流值

我想要警告值，

clicked_id = copyTarget0
target_id = copyButton3

它取初始存储的ID(copyTarget)的第一个值。我要电流环循环值。

任何帮助都行

谢谢

Answer 1

为什么在处理程序中使用JS？

尝试：

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

您还应该将id名称(copyButton和copyTarget)存储在php变量中，这样就可以在一个地方更改它们。

Answer 2

你可以试试下面这样的方法。然而，我会按照Maxx的回答..。这取决于您计划如何处理其余代码，等等。

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

<div>
    <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)">Copy</button> 
</div>

<?php
  }
?>

<script>
function reply_click(btn) {
    var clicked_id = $(btn).attr('id');
    var target_id=$(btn).parent().find('span').html();

    alert(clicked_id);
    alert(target_id);
}
</script>

Answer 3

试试这个

<?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);">Copy</button>


<?php
 }
?>

JS

<script>
function reply_click(clicked_id) {
    alert(clicked_id); //clicked id
    alert(clicked_id.split('copyButton').join('copyTarget')); // target id
}
</script>