html - 如何在选择框中动态附加选项

Question

我想在 DropBox 中添加两个选项

$("#payment_method_1").append(new Option("Credit", "7"));
$("#payment_method_1").append(new Option("Debit", "6"));

当我实现该代码时，它会完美地附加，但问题是它附加了很多次而不是一次

    <select name="payment_method_1" id="payment_method_1" class="paysome" style="opacity: 0;">
    <option value="1" selected="selected">Cash</option>
    <option value="2">Credit Card</option>
    <option value="3">Western Union</option>
    <option value="4">Cheque</option>
    <option value="8">Bank</option>
    <option value="7">Credit</option>
    <option value="6">Debit</option>
    <option value="7">Credit</option>
    <option value="6">Debit</option>
    <option value="7">Credit</option>
    <option value="6">Debit</option>
    <option value="7">Credit</option>
    <option value="6">Debit</option>
    </select>

这是我的循环

    $('.paysome').each(function(index, element) {   
    $("#payment_method_"+index).append(new Option("Credit", "7"));
    $("#payment_method_"+index).append(new Option("Debit", "6"));
    });

提前致谢

Answer 1

您可以简单地创建一个选项并附加到您的select

$('.paysome').each(function(index, element) {        
    var index = index + 1;
    var select = document.getElementById("payment_method_"+index);
    select.appendChild(new Option("Credit", "7"));
    select.appendChild(new Option("Debit", "6"));      
}

或者，

$('.paysome').each(function(index, element) {        
    var index = index + 1;
    $("#payment_method_"+index).append(new Option("Credit", "7"));
    $("#payment_method_"+index).append(new Option("Debit", "6"));              
}

我看到问题出在索引上。$.eachindex 从零开始，您的 id 索引从 1 开始，因此您可能需要更新您的 id 或更新您的代码。

这是小提琴