javascript - 从 JS 转 HTML 转 PHP

Question

我需要将 select 从 JS 传递到 HTML。
select 应该包含来自 PHP 的 option。

所以，首先我有一个 HTML div，我将在其中添加来自 JS 的内容。

<div id="rows">
  <div class="thisRow">
  </div>
</div>

接下来是JS

//Add row
$('#addRow').on('click', function(){

    //HTML Layout
    var htmlRow = '<div class="thisRow">\
                     <select>\
                       <option></option>\
                     </select>';

    //Append rows to document
    $('#rows').append(htmlRow);
});

好的。因此，当我单击带有 id #addRow 的按钮时，我的带有选择的 div 被传递到 HTMl 中。
现在我希望在我的选择中有更多选项，这些选项来自 Mysql。

如果我尝试使用 HTML 从 JS 传递 PHP，我会遇到转义字符的问题。

var htmlRow = '<div class="thisRow">\
                  <select>\
                      <option></option>\
                          <?php while(bla bla){ echo "<option>". $row['  

<- 现在我逃回了 JS。而且我不能使用 "，因为这样我就转义了 PHP。

我试图通过 $row[\'bla\'] 转义特殊字符

要显示为选项的数据我可以用 php 或 ajax 获取
但我不知道如何包含它...
那么，如何将选项添加到我从 mysql 中选择的内容中？

更多

这是一个表格。您可以使用按钮向其中添加行。在每个添加的行上都有一些文本输入和这个选择。选择的选项是从 Mysql 中获取的。我可以在 HTML 端使用 php 来完成。或者在 Js 端使用 Ajax ...但是因为我有这个按钮来添加行..我需要通过 js 添加我的选择。

Answer 1

将您的选择字段存储到一个文件中。确保以数组 [] 格式命名此字段。让我们将其命名为 select.php:

<select name="field[]"> <!-- ARRAY FIELD -->
  <?php
    while($row = mysqli->fetch($result)){
      echo '<option value="'.$row["value"].'">'.$row["option"].'</option>';
    }
  ?>
</select>

然后，您可以使用 ajax 获取它。

$("#addRow").click(function(){

  $.ajax({
    url: "select.php",
    success: function(result){
      $("#rows).append(result);
    }
  });

});