Fatal编程技术网
  • javascript/
  • Javascript 在单击按钮时多次动态添加选择框、文本框和日期，并将这些值插入数据库

Javascript 在单击按钮时多次动态添加选择框、文本框和日期，并将这些值插入数据库

javascript php jquery mysql

Javascript 在单击按钮时多次动态添加选择框、文本框和日期，并将这些值插入数据库,javascript,php,jquery,mysql,Javascript,Php,Jquery,Mysql,我想知道在单击Add按钮时如何多次显示我的adddiv并将这些值插入数据库 <div id="adddiv" style=""> <table cellpadding="2" style="width:5`enter code here`5%;" bgcolor="" cellspacing="4" align="left"> <tbody align="left"> &l

我想知道在单击Add按钮时如何多次显示我的adddiv并将这些值插入数据库

 <div id="adddiv" style=""> 
       <table cellpadding="2" style="width:5`enter code here`5%;" bgcolor=""  
cellspacing="4" align="left">

    <tbody align="left">               

            <tr>
<td  ><h4>Select1</h4></td>
            <td>
               <select name=sel1  id="sel" style="width:285px;">
                    <?php
                                 mysql_set_charset("utf8"); 
                                  $selauf="SELECT * FROM `table1`";
                                  $resauf=  mysql_query($selauf);
                                    echo"<option value=0></option >";       
                                  while ($rowauf= mysql_fetch_array($resauf))
                                    {
                                       $auf_val=$rowauf['aufvalue'];

                                      $auf_arr[]=$auf_val;

                                    }

                             $arrlengthauf=count($auf_arr);
                                         for ($i=0;$i<$arrlengthauf;$i++)
                                         { 

                                              echo"<option >".$auf_arr[$i]."</option >";
                                           }


                                 ?> 
                </select>

            </td>

        </tr>

   <tr  >
        <td allign="left"><h4>date1</h4></td>
    <td > 

               <input type="text" name="datum1">
                <a href="javascript:void();" onClick="setYears(1947, 2020);showCalender(this, 'datum1');">
                        <img src="images/calender.png"></a>




            </td>
</tr>


 <tr  >
<td   > <h4>Select2</h4></td>
<td>
        <select name=sel2  id="sel2" style="width:295px;" >

                     <option value=" "> </option>       
                    <option value="Ja">Ja</option>
                     <option value="Nein">Nein</option>
                     <option value="Unbekannt">Unbekannt</option>

                   </select>

      </td>
        </tr>
        <tr  >
<td   > <h4>Select3</h4></td>
<td>
         <select name=sel3  id="sel3" style="width:295px;" >

                     <option value=" "> </option>       
                    <option value="Ja">Ja</option>
                     <option value="Nein">Nein</option>
                     <option value="Unbekannt">Unbekannt</option>

                   </select>

      </td>
        </tr>
        <tr >
    <td  ><h4>Date2</h4></td>
            <td>
                <input type="text" name="dat2">
                <a href="javascript:void();" onClick="setYears(1947, 2020);showCalender(this, 'dat2');">
                        <img src="images/calender.png"></a>      
            </td>
         </tr>







            </tbody>
    </table>

    <div id="result">

    </div>  


            <input type="button" name="addvalue" value="ADD"  >
               </div>
我也需要过一次，我使用了append，例如：

HTML:

JS:

因此，每次单击按钮都会创建一个新的div，该div包含当前保存在中的类行，例如行1、行2

为了保存所有值，我添加了一个隐藏字段，并将其用作for循环的计数器：

for($i = 1; $i < ($contractdata['menge_lcobj']); $i++){
     $sql = 'INSERT INTO table (row) VALUES (' .
     $db->qstr(filter_var($_POST['row_'.($i)]));
     $db->Execute($sql);
}
我不确定它是否能像你想要的那样工作，你可能需要调整它。但它应该能够引导你进入正确的方向。示例可能包含语法错误。

我想您需要的是DOM文档对象模型技巧

如果希望用户能够将此数据动态添加到web浏览器中，则需要在用户单击“添加”按钮后立即将此数据添加到表中

例如：

<html>
<input type="button" id="addbutton" value="Add Row" />
</hml>


 $(document).ready(function () {

                $('#addbutton').click(function () {

                    $('#tableId').append(<tr> Your code </tr>);
                });
            });
关于增加价值，我想你可以通过添加一个按钮异步抛出ajax，该按钮将连接到另一个执行sql查询的页面

Hello，非常感谢。您能告诉我如何将db值附加到选择框中吗？我正在尝试此操作，但无法附加到选择框中。我想如果您有任何其他问题，您可能需要类似的东西，伙计，请随时问我 
for($i = 1; $i < ($contractdata['menge_lcobj']); $i++){
     $sql = 'INSERT INTO table (row) VALUES (' .
     $db->qstr(filter_var($_POST['row_'.($i)]));
     $db->Execute($sql);
}

<html>
<input type="button" id="addbutton" value="Add Row" />
</hml>


 $(document).ready(function () {

                $('#addbutton').click(function () {

                    $('#tableId').append(<tr> Your code </tr>);
                });
            });