将带有选项值的 <select> 从数据库动态添加到带有 jQuery 的表单中

【问题标题】：add a <select> with option values from database to a form with jQuery dynamically将带有选项值的 <select> 从数据库动态添加到带有 jQuery 的表单中
【发布时间】：2012-06-11 07:25:13
【问题描述】：

使用 PHP，我会根据数据库值回显一个 <select> 选项到表单，如下所示：

/* SQL Stuff */

$sql = mysql_query("SELECT id, name FROM myTable");

echo "<select>";

while ($row = mysql_fetch_assoc($sql)) {

    echo "<option value='" . $row['id'] . "'>" . $row['name'] . "</option>";
}

echo "</select>";

jQuery 是否可以有一个“添加”按钮，它将生成相同的<select> 和相同的<option> 值到表单？

【问题讨论】：

标签： jquery forms select add dynamically-generated

【解决方案1】：

您没有在问题中提供 html。所以它不可能达到正确的点。但我认为你需要类似以下的东西。这只是一个示例。

HTML

<div id="some_target">
  <select>
    <option>One</option>
    <option>Two</option>
    <option>Three</option>
  </select>
</div>
<input type="button" id="add_button" value="Add more">

jQuery

$('#add_button').on('click', function() {
  var selectClone = $('select:first').clone(true);  // make a copy of select
  $('#some_target').append(selectClone);    // append to clone select
});

【讨论】：