Question

<script>
function tikla()
{
	//var radio=document.getElementById('radio').value;
	var d2=document.getElementById('buton').value;
	alert(d2);
}
</script>
<?php 

	for($i=1;$i<5;$i++)
	{?>
    	<form>
        <?php echo $i; ?>
            <input type="text" name="txt" value="<?php echo $i; ?>" disabled="disabled" /> 
          	<input type="button" id="buton" value="<?php echo $i; ?>" onclick="tikla(this.value)" />
         </form>
	<?php }?>

在PHP中，我想将按钮或文本值发送给Javascript，但是我只能发送一个值。我看不到其他循环值。

Answer 1

是否真的打算使用多种形式？当然没有理由不这样做，但是您通常可以使用一种表格就可以完成所需的工作。

通过使用nodelist，您可以遍历并分别将事件侦听器分配给HTML-内联事件处理程序被认为是当今的老派。在此示例中，事件处理程序分配给了每个按钮，并仅警告分配给该按钮的数字值（如您的示例中所示）以及文本字段的值和类型，以显示在需要时如何访问它。

快速演示

<!DOCTYPE html>
<html lang='en'>
    <head>
        <meta charset='utf-8' />
        <title>JS Func</title>
        <style>
            fieldset{border:none;margin:1rem auto}
        </style>
    </head>
    <body>
        <form>
        <?php
            for( $i=1; $i<5; $i++ ) {
                $rand = rand(1,99);
        ?>
                <fieldset>
                    <?php echo $i; ?>
                    <input type='text' name='txt[]' value='<?php echo $i * $rand; ?>' /> 
                    <input type='button' value='<?php echo $i; ?>' />
                </fieldset>
        <?php
            }
        ?>
        </form>
        <script>
            Array.prototype.slice.call( document.querySelectorAll( 'form > fieldset > input[type="button"]' ) ).forEach( function( bttn ){
                bttn.addEventListener('click', function(event){
                    alert( this.value  +' '+this.previousElementSibling.value + ' ' +this.previousElementSibling.tagName )
                }, false );
            })
        </script>
    </body>
</html>

Answer 2

传递函数中的值

  <script>
function tikla(val)
{
    //var d2=document.getElementById('buton').value;
    alert(val);
}
</script>
<?php 

    for($i=1;$i<5;$i++)
    {?>
        <form>
        <?php echo $i; ?>
            <input type="text" name="txt" value="<?php echo $i; ?>" disabled="disabled" /> 
            <input type="button" id="buton" value="<?php echo $i; ?>"  onclick="tikla(<?php echo $i; ?>)" />
         </form>
    <?php }?>

如何发送到Javascript表单元素值。不断发送一个值

2 个答案: