如何循环抛出innerHtml？

Question

嗨，我正试图循环抛出innerHTML以获得不同的ID值，以免出现错误：无法读取null或0的属性。

我的第一部分代码为每个选择创建一个具有唯一ID的循环：

    for (var i = 1; i <= cantidadVegana; i++){

    $('#light').append( `                         
    <p>Entrada: </p>
    <select id="EntradaLightID`+ i.toString() +`">
        <option value=""></option>
        <option value="EntradaLight 1">Entrada 1</option>
        <option value="EntradaLight 2">Entrada 2</option>
        <option value="EntradaLight 3">Entrada 3</option>
    </select>
    <p>Plato fuerte: </p>
    <select id="PlatoLightID`+ i.toString() +`">
        <option value=""></option>
        <option value="PlatoLight Fuerte 1">Plato Fuerte 1</option>
        <option value="PlatoLight Fuerte 2">Plato Fuerte 2</option>
        <option value="PlatoLight Fuerte 3">Plato Fuerte 3</option>
    </select>
    <p>Postre: </p>
    <select id="PostreLightID`+ i.toString() +`">
        <option value=""></option>
        <option value="PostreLight 1">Postre 1</option>
        <option value="PostreLight 2">Postre 2</option>
        <option value="PostreLight 3">Postre 3</option>
    </select>`
    )}
}

代码的第二部分尝试获取在预览代码中创建的每个元素ID的值，并将其存储在变量中。

    for(var i = 0; i<= cantidadVegana; i++){
    entradaLight=_('EntradaLightID'[i].toString()).value;
    platoFuerteLight = _('PlatoLightID'[i].toString()).value;
    PostreLight = _('PostreLightID'[i].toString()).value;
}

代码的最后部分将信息存储发送到

    for(i=0; i<= cantidadVegana; i++){
    _("entradaLight")[i].toString().innerHTML = "Selecciono para la entrada light " + entradaLight[i].toString();
    _("platoFuerteLight")[i].toString().innerHTML = "Selecciono para el plato light " + platoFuerteLight[i].toString();
    _("postreLight")[i].toString().innerHTML = "Selecciono para el postre light " + PostreLight[i].toString();
}

Answer 1

您必须像这样使字符串变暗

for (var i = 1; i <= cantidadVegana; i++){
$('#light').append(''+                         

'

Entrada：

'+''+''+'Entrada 1'+'Entrada 2'+'Entrada 3'+''+'

Plato fuerte：

'+''+''+'Plato Fuerte 1'+'Plato Fuerte 2'+'Plato Fuerte 3'+''+'

Postre：

'+''+''+'Postre 1'+'Postre 2'+'Postre 3'+''）}

    var cantidadVegana = 1;
    for (var i = 1; i <= cantidadVegana; i++){
    $('#light').append(''+                         
'<p>Entrada: </p>'+
    '<select id="EntradaLightID'+ i.toString() +'">'+
        '<option value=""></option>'+
        '<option value="EntradaLight 1">Entrada 1</option>'+
        '<option value="EntradaLight 2">Entrada 2</option>'+
        '<option value="EntradaLight 3">Entrada 3</option>'+
    '</select>'+
    '<p>Plato fuerte: </p>'+
    '<select id="PlatoLightID'+ i.toString() +'">'+
        '<option value=""></option>'+
        '<option value="PlatoLight Fuerte 1">Plato Fuerte 1</option>'+
        '<option value="PlatoLight Fuerte 2">Plato Fuerte 2</option>'+
        '<option value="PlatoLight Fuerte 3">Plato Fuerte 3</option>'+
    '</select>'+
    '<p>Postre: </p>'+
    '<select id="PostreLightID'+ i.toString() +'">'+
        '<option value=""></option>'+
        '<option value="PostreLight 1">Postre 1</option>'+
        '<option value="PostreLight 2">Postre 2</option>'+
        '<option value="PostreLight 3">Postre 3</option>'+
    '</select>'
    )}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="light"></div>