javascript 和 php 的动态表单字段：它不起作用

Question

我有一个小的 javascript 可以动态添加表单字段。

我的 javascript 没有任何 php 代码的片段工作正常。

<script type="text/javascript">
var counter = 0;
$(function(){
 $('p#add_field').click(function(){
 counter += 1;
 $('#container').append(
 '<strong>Artikel ' + counter + '</strong><br />'
 + '<input id="field_' + counter + '" name="dynfields[]' + '" type="text" class="login-username" /><br />'
 + '<input id="field2_' + counter + '" name="dynfields2[]' + '" type="text" class="login-username" /><br />' );
 });
});
</script>

但是在这个脚本中我需要一个数组来从数据库中读取 select 选项字段（下拉列表）的条目。

我是这样做的：

<script type="text/javascript">
var counter = 0;
$(function(){
 $('p#add_field').click(function(){
 counter += 1;
 $('#container').append(
 '<strong>Artikel ' + counter + '</strong><br />'
 + '<input id="field1_' + counter + '" name="dynfields[]' + '" type="text" class="login-username" /><br />'
 + '<input id="field2_' + counter + '" name="dynfields2[]' + '" type="text" class="login-username" /><br />'
 + '<select name="dynfields3[]' + '">

    <?php
        $abfrage = "SELECT * FROM artikel";
        mysql_query("SET NAMES SET 'utf8'");
        $ergebnis = mysql_query($abfrage);
        while($row = mysql_fetch_object($ergebnis))
        {
         $id = $row->id;
         $name = $row->name;
         $beschreibung = $row->beschreibung;
         $preis = $row->preis;
         echo " <option value='$row->id'>$row->name;</option>  ";
        }
    ?>
        </select><br />'

     );

     });
    });
    </script>

没用。我收到以下错误未捕获的语法错误：意外的令牌非法

怎么了？我很高兴能得到任何帮助。

此致，斯特凡

Answer 1

你可以试试这个：

<script type="text/javascript">
var counter = 0;
$(function(){
 $('p#add_field').click(function(){
 counter += 1;
 $('#container').append(
 '<strong>Artikel ' + counter + '</strong><br />'
 + '<input id="field1_' + counter + '" name="dynfields[]' + '" type="text" class="login-username" /><br />'
 + '<input id="field2_' + counter + '" name="dynfields2[]' + '" type="text" class="login-username" /><br />'
 + '<select name="dynfields3[]">' +

 + '<?php $abfrage = "SELECT * FROM artikel"; mysql_query("SET NAMES SET 'utf8'"); $ergebnis = mysql_query($abfrage); while($row = mysql_fetch_object($ergebnis)){?>'
+ '<option value="' + '<?php echo $row->id ?>' + '">' + '<?php echo $row->name ?>' + '</option>'
+ '<?php }?></select></br>'

     );

     });
    });
    </script>

Answer 2

我认为错误在这里

 + '<select name="dynfields3[]' + '">

也许你打算

 + '<select name="dynfields3[]" >' + 



<?php
    $abfrage = "SELECT * FROM artikel";
    mysql_query("SET NAMES SET 'utf8'");
    $ergebnis = mysql_query($abfrage);
    while($row = mysql_fetch_object($ergebnis))
    {
     $id = $row->id;
     $name = $row->name;
     $beschreibung = $row->beschreibung;
     $preis = $row->preis;
     echo " <option value='$row->id'>$row->name;</option>  ";
    }
?> 

+ '</select><br />';

javascript 和 php 的动态表单字段：它不起作用

dynamic form fields with javascript an php: It doesn't work

javascript

php

mysql

forms

row