从用户输入创建表单域

时间:2014-04-14 15:20:46

标签: javascript php mysql

我找到了一个代码,可以根据用户选择的数字创建一些表单字段。

<script type='text/javascript'>
         function addFields(){
            var number = document.getElementById("member").value;
            var container = document.getElementById("container");
            while (container.hasChildNodes()) {
                container.removeChild(container.lastChild);
            }
            for (i=0;i<number;i++){
                container.appendChild(document.createTextNode("Member " + (i+1)));
                var input = document.createElement("input");
                input.type = "text";
                input.name = "Member["+i+"]";
                container.appendChild(input);
                container.appendChild(document.createElement("br"));
            }
        }
</script>


<input type="text" id="member" name="member" value="">Number of Members: <br />
<input type="button" id="enterdetails" value = "Enter Details"onclick="addFields()">
<div id="container"/>
</div>

工作正常。但我想创建从数据库导入名称/值的元素。在PHP中我喜欢这样:

<SELECT name='smth'>
<OPTION value=""></OPTION>
<?php

$qry = $dbh->query("select * FROM table");

while ($a = $qry->fetch(PDO::FETCH_ASSOC)) {
$smth = $a['smth'];
echo "<OPTION value='$smth'>".$smth."</OPTION>";
}
?> 
</SELECT>

需要有关如何在javascript中执行此操作的帮助。

1 个答案:

答案 0 :(得分:0)

您无法使用javascript获取数据库字段。你必须使用PHP或类似的东西。

也许这可以帮到你。 Here is the link。选择您的数据库和表格,选择您的字段名称,然后选择字段的表单类型(文本区域,文本,单选按钮组等)并按下创建。你将有一个bootstrap设计的表单和php插入代码与medoo(medoo.in)编写。

你可以用它。首先创建数据库并自动生成表单。复制代码并粘贴到您的页面。

此外,我还提供使用meddo连接并使用sql。该链接中有一个示例form.min.php,包括您的数据库和用户以及传递信息。