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

Html 如何在选择框中动态附加选项,html,select,Html,Select,我想在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" styl

我想在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>

提前感谢

您只需创建一个选项并附加到您的选择

或者

我知道问题在于索引。$。每个索引以零开始,id索引以1开始,所以您可能需要更新id或更新代码


这里是

您只需创建一个选项并附加到您的选择

或者

我知道问题在于索引。$。每个索引以零开始,id索引以1开始,所以您可能需要更新id或更新代码


这里是

例如$.each语句?是的,它是一个循环,我已经尝试了$.each$'.paysome.eachfunctionindex,元素{$payment\u method\u+index.appendnew OptionCredit,7;$payment\u method\u++index.appendnew optionBit,6;}@船长,谢谢,我did@NoorKhan请检查更新的ans。您是否得到您的ans或您指向的任何其他对象?例如$。每条语句?是的,它是一个循环,我已经尝试了$。每条$'.paysome'。每个函数索引,元素{$payment\u method\uuu+index.appendnew OptionCredit,7;$payment\u method\uuu++index.appendnew optionBit,6;}船长谢谢,我did@NoorKhan请检查更新的ans。你有没有收到你的ans或你指向的任何其他东西?谢谢@captain,我在4小时内搜索了那个错误:谢谢@captain,我在4小时内搜索了那个错误:
    $('.paysome').each(function(index, element) {   
    $("#payment_method_"+index).append(new Option("Credit", "7"));
    $("#payment_method_"+index).append(new Option("Debit", "6"));
    });
$('.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"));              
}