如何将HTML选择合并到innerHTML中？

Question

我有一个php页面，它从Mysql表中读取数据并将其显示在HTML表格中。然后我使用AJAX允许用户一次更新一行数据。对于文本字段，这可以正常工作。

但是，对于某些列，我希望用户从下拉列表中进行选择，而不是输入自由文本。

初始数据表具有以下行以显示当前事件字段：

echo "<td><div id=$event_id>$row[event]</div></td>";

然后我使用Javascript修改此行以创建用户可以编辑的字段：

document.getElementById(event_id).innerHTML = "<input type=text id='" +data_event + "' value='"+ event + "'>";

知道如何添加HTML选择吗？

由于

Answer 1

假设你有一个db-column＆＃34; eventtype＆＃34; （int）您希望用户从中选择：

PHP中的

：

$selectData = Array("first Choice","second Choice", "third Choice");
echo "<td><div id=$event_id>".$selectData[$row[eventtype]]."</div></td>";

脚本标记中的

将$selectData写入javascript对象：

var selectData = <?php echo json_encode($selectData) ?>;

修改功能中的

：

// you need to pass in the event_type as you did with data_event
var options="";
for (i=0; i<selectData.length; i++) {
   selected = (data_event_type == i) ? selected : "";
   options += "<option value=\""+i+"\" "+selected+">"+selectData[i]+"</option>";
}
document.getElementById(event_id).innerHTML = "<select id='" +data_event + "'>"+options+"</select>;