我被困在一个代码上，我想从 MySQL 中获取数据到一个数组中。我有一个包含颜色和大小选择框的表单，一个 onclick javascript 函数被触发，它创建了两个像上面的更多选择框，我已经设法将数据获取到 javascript 代码中，其中编写了用于创建新选择框的代码。 但我只从两个表中获取最后插入的记录。虽然我使用了 while 循环。 有人能帮我吗，我也得到了所有选择框的名称，比如 name="color[]" ，我想将记录插入到包含颜色和大小 ID 的桥接表中。下面是我的代码，请帮助..

我会清除它，每次我点击添加更多按钮时，它应该创建 2 个新的下拉列表，一个用于颜色，第二个用于大小，两个下拉列表应该具有来自数据库的不同数据。所以每个下拉列表中每个记录的 ID 都是相同的，我想在包含 product_id、color_id 和 size_id 的桥表中添加多于 1 个记录，所以如果我选择 3 个下拉框，我选择蓝色和小尺寸首先，然后对于第二个下拉菜单，我再次选择蓝色和中等大小，至于最后一个下拉菜单也是由 javascript 函数生成的。我选择黑色和大尺寸。因此，从下拉列表中，它将获得尺寸、颜色的 ID，并将相应地插入。所以当我显示产品并选择蓝色时，我只会看到在添加时添加到蓝色的尺寸产品..我希望这能解决所有问题 :)

$result=mysql_query("SELECT * FROM color,size");
while($row=mysql_fetch_array($result)) {

    ?>


    <script>
        var room = 1;
        function add_fields() {
            room++;
            var objTo = document.getElementById('room_fileds')
            var divtest = document.createElement("div");
            divtest.innerHTML = '<div class="label">Room ' + room + ':</div><div class="content"><span>Color: <select name="color[]"><option value="<?php echo $row['color_id']; ?>"><?php echo $row['color']; ?></option></select></span><span>Size: <select><option value="<?php echo $row['size_id']; ?>"><?php echo $row['size']; ?></option></select></span></div>';

            objTo.appendChild(divtest)
        }
    </script>

<?php

}

HTML代码

<div id="room_fileds">
    <div>
        <div class='label'></div>
        <div class="content">
            <input type="button" class="btn btn-success" id="more_fields" onclick="add_fields();" value="Add More" /> <br /><br />

            <select name="color[]"  class="form-control">
                <option value="0">Select Color</option>
                <?php
                $result=mysql_query("SELECT * FROM color");
                while($row=mysql_fetch_array($result)){
                    ?>
                    <option value="<?php echo $row['color_id'] ?>"><?php echo $row['color']; ?></option>
                <?php } ?>
            </select>

            <select name="size[]"  class="form-control">
                <option value="0">Select Size</option>
                <?php
                $result=mysql_query("SELECT * FROM size");
                while($row=mysql_fetch_array($result)){
                    ?>
                    <option value="<?php echo $row['size_id'] ?>"><?php echo $row['size']; ?></option>
                <?php } ?>
            </select>


        </div>
    </div>
</div>

最佳答案

将您的第一个代码替换为以下内容:

<script>

var colors = [];
var sizes = [];
var room = 1;
<?php
$result = mysql_query("SELECT * FROM color");
while ($row = mysql_fetch_array($result)) { ?>
    colors.push(['<?php echo $row['color_id'] ?>', '<?php echo $row['color'] ?>']);
<?php }
$result = mysql_query("SELECT * FROM size");
while ($row = mysql_fetch_array($result)) { ?>
    sizes.push(['<?php echo $row['size_id'] ?>', '<?php echo $row['size'] ?>']);
<?php } ?>

function add_fields() {
    room++;
    var objTo = document.getElementById('room_fileds');
    var divtest = document.createElement("div");
    var html = '<div class="label">Room ' + room + ':</div><div class="content"><span>Color: <select name="color[]" class="form-control">';
    for (i = 0; i < colors.length; i++) {
        html += '<option value="' + colors[i][0] + '">' + colors[i][1] + '</option>';
    }
    html += '</select></span><span>Size: <select name="size[]" class="form-control">';
    for (i = 0; i < sizes.length; i++) {
        html += '<option value="' + sizes[i][0] + '">' + sizes[i][1] + '</option>';
    }
    html += '</select></span></div>';
    divtest.innerHTML = html;
    objTo.appendChild(divtest);
    room++;
}

</script>

关于javascript - 只从mysql数据库中获取最后一条记录，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31623733/