javascript - PHP 表单到 JavaScript

Question

我需要将表单 ID 传递给 JavaScript，但始终显示相同的数据。

<script>
$(document).ready(function() {
    $('input[name="submit"]').on('click', function(){
        var vauid = $( "input[name='uid']"     ).val(); alert("\n ID:  "+vauid);
    return false;
    }); 
});
</script>                                               
<? include "../includes/config.php";
$sql = "select * from table";
$reg = mysql_query($sql);
while($row = mysql_fetch_array($reg)){ ?>
<form action="" method="POST">
        <input type="text"   name="uid"     value="<?  echo $row['uid']?>" />
        <input type="submit" name="submit" value="Show"/>
</form> 
<? }?>

Answer 1

问题的一部分是您插入了许多具有相同名称的元素的表单 - 这是一个坏主意，因为名称应该是唯一的。

其次，当您单击时，您必须引用当前单击的信息:

$(document).ready(function() {
    $('input[name="submit"]').on('click', function(e){
        e.preventDefault();
        var vauid = $(this).prev("input[name='uid']").val(); 
        console.log("ID:  "+vauid);
    }); 
});

这是一个工作 demo .

$(this) 将是单击的按钮，我们从中查找先前输入的值。我还使用 preventDefault() 来停止按钮的默认操作，而不是返回 false。

此外，您应该 quit using alert() for troubleshooting. ，请改用 console.log()。