Question

在当前示例中，我有一个表单设置，它采用唯一的ID。还有一个带有唯一ID的链接。选择链接时，javascript函数将以该形式淡出。是否可以根据用于标识表单和链接的PHP变量来调用javascript函数？因此当它对应于表单的唯一ID时，它将会正确淡出？

PHP

while($row = mysql_fetch_array($query)){ $form_id = $row[id]; ?><a href="#"
id="askedClick"><?php echo $row[post_text].'<br>'?></a>

<form action="<?php $curent_file ?>"
method="POST" id="<?php echo $row[id] ?>">Do you know the anwer?
    <input type="submit" value="Yes" name="<?php echo $form_id.'yes'?>"
    />
    <input type="submit" value="No" name="<?php echo $form_id.'no'?>" />
</form>
<?php } ?>

JAVASCRIPT

 $(document).ready(function () {
     $("phpvariable").hide();
     $("#phpvariable").click(function () {
         $("#phpvariable").fadeIn(1200)
     });
 });

Answer 1

你可以使用id，但是为链接提供一个“showForm”类并使用HTML遍历来隐藏它后面的表单会更容易

$('.showForm').click(function(){
    $(this).nextAll('form').first().fadeIn();
});

Answer 2

您可以使用echo php语句。示例如下：

echo '
 $(document).ready(function () {
     $("#' . $phpvariable . '").hide();
     $("#' . $phpvariable . '").click(function () {
         $("#' . $phpvariable . '").fadeIn(1200);
     });
 });';

Answer 3

我找到了一种更简单的方法，我想我应该回去把它作为参考

//Javascript
$(".testLink").click(function() {
        var linkId = $(this).attr('id');
        $("#testDiv"+linkId).fadeIn(400)
});

//PHP
for ($i = 0;$i < /*whatever*/; $i++){
?>
    <a href="#" class="testLink" id="<?php echo $i; ?>"> Click Here  </a>

    <div style="display:none;" id="<?php echo 'testDiv'.$i ?>" > 
            Unique Data                                                                              
    </div>
<?php
}

在此方法中，在单击的链接和要在javascript中操作的元素之间创建唯一ID。这样每个链接可以是同一个类，但每个链接都有一个与其相应元素相关联的唯一ID，即div，form，span等。

通过使用PHP变量调用javascript函数

3 个答案: