-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

タグには多くの問題があります。最初にそれらを正しくします。動的タグの作成例を示しています。私はあなたがそれを使用できると思います.コピーして、それがどのように機能するかを見てください

        <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 に答える