Javascript JQuery append不起作用

我正在尝试将一些内容动态添加到刚刚动态添加的内容中。我想把一堆选项放进我刚刚添加的SELECT中。SELECT与外部.php文件中的一些代码一起添加，请参见下文。这个div看起来很好。但是，我尝试在SELECT中添加的内容不会出现。我的选择是空的。我没有错误。下面代码中的控制台输出将签出并打印我所期望的内容

以下是Javascript代码：

$.get("test-new-product-modal.php", function(data){
    $(".modal-body").html(data);
});
$divSelect = $("#product-list");
for(var i = 0; i<(arrayProductTypes.length); i++){
    $divOption = $("option", {'value' : i});
    $divOption.html(arrayProductTypes[i][0]);
    $divSelect.append($divOption);
    console.log("Product ID at "+i+" is: "+arrayProductTypes[i][0]);
}

下面是我添加HTML的.php文件：

<div class="container-fluid no-padding">
    <div class="col-sm-6 col-md-6 col-lg-6">
        <h4>Välj en produkt.</h4>
        <select id="product-list" class="form-control">
            <!-- <option>DRA</option>
            <option>DRB</option> -->
        </select>

        <div class="divider-line"></div>

    </div>
    <div class="col-sm-6 col-md-6 col-lg-6">
        <p class="product-add-description">Text.</p>
    </div>
</div>

---

我相信这就是您声明选项对象的方式尝试以下操作：

$divOption = $("<option>").attr('value',i);

---

我相信这就是您声明选项对象的方式尝试以下操作：

$divOption = $("<option>").attr('value',i);

您没有正确添加选项。如果您想添加像jquery对象这样的选项，您可以这样做

for (var i = 0; i < (arrayProductTypes.length) ; i++) {
     $divOption = $('<option></option>').val(i).html(arrayProductTypes[i][0])
     $divSelect.append($divOption);
     console.log("Product ID at " + i + " is: " + arrayProductTypes[i][0]);
 }

此行$divOption=$option，{'value'：i}；不返回选项对象，而是返回一个空数组，因此需要使用

$.vali.htmlsomehtml返回选项。

您没有正确添加选项。如果您想添加像jquery对象这样的选项，您可以这样做

for (var i = 0; i < (arrayProductTypes.length) ; i++) {
     $divOption = $('<option></option>').val(i).html(arrayProductTypes[i][0])
     $divSelect.append($divOption);
     console.log("Product ID at " + i + " is: " + arrayProductTypes[i][0]);
 }

此行$divOption=$option，{'value'：i}；不返回选项对象，而是返回一个空数组，因此需要使用

$.vali.htmlsomehtml返回一个选项。

尝试jQuery add方法

$.get("test-new-product-modal.php", function(data){
    $(".modal-body").html(data);
});
$divSelect = $("#product-list");
for(var i = 0; i<(arrayProductTypes.length); i++){
    $divOption = $("option", {'value' : i});
    $divOption.html(arrayProductTypes[i][0]);
    $divSelect.add($divOption);
    console.log("Product ID at "+i+" is: "+arrayProductTypes[i][0]);
}

您可以找到文档

尝试jQuery add方法

$.get("test-new-product-modal.php", function(data){
    $(".modal-body").html(data);
});
$divSelect = $("#product-list");
for(var i = 0; i<(arrayProductTypes.length); i++){
    $divOption = $("option", {'value' : i});
    $divOption.html(arrayProductTypes[i][0]);
    $divSelect.add($divOption);
    console.log("Product ID at "+i+" is: "+arrayProductTypes[i][0]);
}

您可以找到文档

的工作原理与您所期望的类似：

添加如下HTML元素要简单得多：

.append('<option value="' + array[i] + '">' + array[i] + '</option>');

与您期望的类似的工作：

添加如下HTML元素要简单得多：

.append('<option value="' + array[i] + '">' + array[i] + '</option>');

---

你能创建一个复制问题的fiddle或plunkr吗？不要使用$声明变量。这就是PHP语法。改为使用var divSelect=使用$可以表示jquery对象尝试创建如下选项：$，…-请参见供参考，选择和选项元素不是“div”。div是一个html元素，与select&option类似，但有完全不同的用途。您可以创建一个fiddle或plunkr来重现该问题吗？不要使用$声明变量。这就是PHP语法。改为使用var divSelect=使用$可以表示jquery对象尝试创建如下选项：$，…-请参见供参考，选择和选项元素不是“div”。div是一个html元素，与select&option类似，但有完全不同的用途。这也不起作用：/I我确实认为查找select元素有问题。对其调用.remove不会将其删除。但是，如果我在另一个没有从外部文件添加的元素上尝试完全相同的方法，它就会工作；看看它是否找到了selectHm是的，它确实找到了元素。我想那不是问题所在。现在我已经尝试了我的问题中的每一个建议，但没有一个有效。你能看看控制台是否有任何错误，因为这对我来说非常有效。控制台中没有错误，没有。我以前在同一页上多次做过这种类型的动态内容，没有错误。现在我正在寻找一个只存在于外部.php文件中的id，该文件是我使用JS复制和粘贴数据的。这也不起作用：/I我确实认为查找SELECT元素有问题。对其调用.remove不会将其删除。但是，如果我在另一个没有从外部文件添加的元素上尝试完全相同的方法，它就会工作；看看它是否找到了selectHm是的，它确实找到了元素。我想那不是问题所在。现在我已经尝试了我的问题中的每一个建议，但没有一个有效。你能看看控制台是否有任何错误，因为这对我来说非常有效。控制台中没有错误，没有。我以前在同一页上多次做过这种类型的动态内容，没有错误。现在我正在寻找一个id，该id只存在于一个外部的.php文件中，我使用JS复制并粘贴了该文件的数据，所以它就停止了工作。