Question

我正在使用WordPress插件为自己的娱乐而且我目前只停留在一个特定的功能上。本质上，我希望用户能够向表单添加字段，然后为我的PHP脚本稍后处理这些用户值。此外，如果之前保存的字段存在预先存在的值，我希望这些值显示在已填写的表单上。到目前为止，我所拥有的表单中包含可以添加/删除的字段（通过JavaScript），以及必要的标记，以在HTML中定义我的表单：

<div class="si-form-container">
    <form method="POST" id="si-form">

        <div class="si-editable-row">

            <div class="si-field">
                <label for="label_1">Info label (eg. Department Name)</label>
                <input type="text" name="label_1">
            </div>

            <div class="si-field">
                <label for="value_1">Info value (eg. Music)</label>
                <input type="text" name="value_1">
            </div>
        </div>
    </form>

    <button id="si-add-field">Add Field</button>
    <input type="submit" value="Save" id="si-save-fields"></input>
</div>

JavaScript基本上只是添加了一个新的＆＃34; div class =＆＃34; si-editable-row＆＃34;以及子元素类等。如何将用户提交的信息传递给我的PHP？

Answer 1

将action属性添加到包含要处理已发布数据的PHP脚本的表单元素。您需要在表单标记内移动submit按钮。

<div class="si-form-container">
<form method="POST" action='processFormScript.php' id="si-form">

    <div class="si-editable-row">

        <div class="si-field">
            <label for="label_1">Info label (eg. Department Name)</label>
            <input type="text" name="label_1">
        </div>

        <div class="si-field">
            <label for="value_1">Info value (eg. Music)</label>
            <input type="text" name="value_1">
        </div>
    </div>

   <input type="submit" value="Save" id="si-save-fields"></input>
</form>

<button id="si-add-field">Add Field</button>

</div>

我已将processFormScript.php作为示例PHP脚本放在action属性中，但您需要将自己创建的PHP脚本的文件名放在其中。

使用PHP和JavaScript创建包含用户定义字段的表单

1 个答案: