Question

我尝试了这段代码，但它提醒未定义

<?php 
    foreach($result1 as $res1)
    {
            $user_id = 5;
?>
        <form name="wish" method="post" action="javascript:void(0);">
        <input type="submit" class="submit_wish1" id="calButton" data-wid="<?php echo $res1->user_id; ?>" data-uid="<?php echo $user_id; ?>" value="" onclick="favfunction()"/>
        </form>
<?php
    }
?>


<script>
    function favfunction()
    {
        calBtn = $(this).attr('data-wid');
        calBtn1 = $(this).attr('data-uid');
        alert(calBtn);
        alert(calBtn1);

    }
</script>

当我使用

时

    calBtn = $('#calButton').attr('data-wid');
    calBtn1 = $('#calButton').attr('data-uid');

它提醒相同的值。

Answer 1

我建议你将DOM对象本身传递给你的函数

onclick="favfunction(this);"

然后你可以在你的JS

中做到这一点

<script>
function favfunction(elm)
{
    var calBtn = $(elm).attr('data-wid');
    alert(calBtn);
}
</script>

Answer 2

很可能，问题的根源在于为提交按钮使用相同的id。

<form name="wish" method="post" action="javascript:void(0);">
<?php 
    $i = 1;
    foreach($result1 as $res1)
    {
        $user_id = 5;
?>
    <input type="submit" class="submit_wish1" id="calButton_<?php echo $i; ?>" data-wid="<?php echo $res1->user_id; ?>" data-uid="<?php echo $user_id; ?>" value="" onclick="favfunction(this)"/>

<?php
    $i += 1;
    }
?>
</form>

html文档中应该只有1个form标记。

元素不应该具有相同的ID，因此我们在id中附加一个数字，该数字与foreach循环的迭代相关。

<script>
function favfunction(elm)
{
    var wid = $(elm).data('wid'),
        uid = $(elm).data('uid');

    alert('wid: ' + wid + ' - uid: ' + uid);
}
</script>

代码段样本

带有Sample Php输出的

。

    function favfunction(elm)
    {
        var wid = $(elm).data('wid'),
            uid = $(elm).data('uid');
  
        alert('wid: ' + wid + ' - uid: ' + uid);
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 
<form name="wish" method="post" action="javascript:void(0);">
  <input type="submit" class="submit_wish1" id="calButton_1" data-wid="1" data-uid="5" value="Submit" onclick="favfunction(this)" />
  <input type="submit" class="submit_wish1" id="calButton_2" data-wid="2" data-uid="5" value="Submit" onclick="favfunction(this)" /> 
  <input type="submit" class="submit_wish1" id="calButton_3" data-wid="3" data-uid="5" value="Submit" onclick="favfunction(this)" />
  <input type="submit" class="submit_wish1" id="calButton_4" data-wid="4" data-uid="5" value="Submit" onclick="favfunction(this)" /> 
  <input type="submit" class="submit_wish1" id="calButton_5" data-wid="5" data-uid="5" value="Submit" onclick="favfunction(this)" /> 
</form>

是否有可能从foreach循环中获取attr值

2 个答案:

代码段样本