当前位置: 代码迷 >> JavaScript >> 获取按钮onclick脚本功能自动生成的文本的名称
  详细解决方案

获取按钮onclick脚本功能自动生成的文本的名称

热度:17   发布时间:2023-06-13 11:27:04.0

该代码用于在我的按钮onclick函数中生成一个textbox 我想在php代码中获取每个文本框的名称值。

<script language="javascript">
        var i = 1;
        function changeIt()
        {            
            my_div.innerHTML = my_div.innerHTML +"<br><input type='text' name='mytext'+ i>"
            i++;
        }
        </script>

HTML代码:

<p>
<input type="button" value="test" onClick="changeIt();"></p>
<div id="my_div"></div>

您需要先修复JS,才能使用增加的值正确输出名称值。

my_div.innerHTML = my_div.innerHTML +"<br><input type='text' name='mytext"+i+"'>"

HTML应该包装在<form>元素中,以便我们可以将表单值发送到php文档以使用“ get”方法进行处理。 我还添加了一个提交按钮,以便我们可以提交表单。

<form action="process.php" method="get">
    <input type="button" value="test" onClick="changeIt();">
    <div id="my_div">
    </div>
    <input type='submit' value="submit"/>
</form>

然后在PHP文档上,我们可以使用while循环遍历表单名称,并将每个值推送到名为$textboxes的数组中

<?php 
    $textboxes = array();

    $i = 1; 

    while(isset($_GET[ "mytext".$i ])) {
        array_push($textboxes, $_GET[ "mytext".$i ] );
        $i++;
    } 

    var_dump($textboxes); 
?>
  相关解决方案