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

时间:2015-07-17 05:24:18

标签: javascript php html

此代码用于在我的按钮textbox功能中生成onclick。我想在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 code:

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

1 个答案:

答案 0 :(得分:0)

您需要首先修复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); 
?>