-1

我有一个关于基于当前输入生成表单的查询，例如在应用程序中，文本输入会根据我们的选择出现。

我正在尝试使用 JavaScript 使其工作，但我的代码没有做任何事情：

                       <html>
                       <head>
                      <script>
                           function addInput() {
                                          if (fields != 10) {
                          document.getElementById('d_div').innerHTML += "<input type='text' value='' /><br />";
                                            fields += 1;
                                           } else {
                                            document.getElementById('d_div').innerHTML += "<br />Only 10 upload fields allowed.";
                                            document.form.add.disabled=true;
                                            }}
                     </script>
                </head>
                        <body>
                             <div align = "center">
                             <form method = "post" action = "<?php echo $_SERVER['PHP_SELF']; ?>">
                             Select a Template<br />
                             <select name = "template" id = "rawquery">
                             <option>Select</option>
                             <option value = "Alpha query">Alpha</option>
                             <option value = "Betaquery">Beta</option>
                             <option value = "Gamma query">Gamma</option>
                             <option value = "Epsilon query">Epsilon</option>
                             </select>
                             <br/> 
                           <input type = "submit" name = "submit"><br /><br />
                       </form>
                    </div>
                              <textarea name = "raw" rows = "10" cols = "50" id = "Raw">raw template</textarea>
                              <br /><br />
                        <form id="d_form">
                       <input type="submit" onclick="addInput()" name="newform" value="Click to enter values">
                       </form>
                         <div id="d_div">  </div>
                         </div> 
                         <br> <br> <br> <br> 
                                 </body>
                                 </html>

此处不使用代码制作下拉菜单。

当我单击按钮输入值时，它不会给我一个新的文本区域；你能帮忙吗，我对这个和学习很陌生？

4

2 回答 2

0
  • “字段”初始化在哪里？
  • 不要忘记返回false，如果真的不需要提交表单#d_form点击按钮#newform
于 2012-11-20T09:09:46.070 回答
0

你的标签有很多问题。首先把那些做对。我举了一个创建动态标签的例子。我认为你可以使用 it.copy 看看它是如何工作的

        <script type="text/javascript">
fields=0;

    function addInput() {
        textvalue=document.getElementById("raw").value;
        var opt = document.createElement("option");

        if (fields != 10) {
            opt.text=textvalue;
            document.getElementById('rawquery').options.add(opt);
            fields += 1;
        } else {
            document.getElementById('d_div').innerHTML += "<br />Only 10 upload fields allowed.";
            document.form.add.disabled = true;
        }
    }
</script>
于 2012-11-20T09:13:05.733 回答