javascript - 在Electronjs中获取值选择(JavaScript)和网格

Question

我不知道为什么我的div中的值仅出现一次...

function nbProduct(sel) {
    var nbProduct = sel.options[sel.selectedIndex].text
    $('#tableFacture').remove();
    $('#tableFacture').remove();
    for(var i =0;i < nbProduct;i++){
        var nFacture = i + 1
        $("#product").append("<table id='tableFacture'></table>")
        $("#tableFacture").append("<th scope='row' id='rowProduct"+i+"'>Produit N°"+nFacture+"</th")
        $("#rowProduct"+i+"").append("<div class='row' syle='margin-top: 40px;' id='"+i+"'><select onChange='typeProduct(this);'><option></option><option value='"+i+"'>Velo</option><option value='"+i+"'>Trottinette</option><option value='"+i+"'>Accessoires</option></select></div>")
    }

function typeProduct(sel) {
    var typeOfProduct = sel.options[sel.selectedIndex].text
    var nbDiv = sel.options[sel.selectedIndex].value
    if (typeOfProduct == 'Velo'){  
        $("#"+nbDiv+"").append("<div class='containerFacture><select id='factureVelo'><option></option></select></div>")
        client.query('SELECT * FROM core_velo ORDER BY model DESC',(err,res)=>{
        for(var i =0;i < res.rows.length;i++){
          var item = res.rows[i];
          var model = item['model']
        $("#factureVelo").append("<option>"+model+"</option>")
        }
    client.end()
        })
    }
};

picture of my problem
我还有另一个问题，如何在electronicjs中使用grid？因为col-md/sm/XS ...不起作用。

Answer 1

您尝试使用:

function typeProduct(sel) {
    var typeOfProduct = sel.options[sel.selectedIndex].text
    var nbDiv = sel.options[sel.selectedIndex].value
    if (typeOfProduct == 'Velo'){  
        $("#"+nbDiv+"").append("<div class='containerFacture col-xs-2 offset-xs-1'><select          id='factureVelo'><option></option></select></div>")
        client.query('SELECT * FROM core_velo ORDER BY model DESC',(err,res)=>{
            var model ="";
            $.each(res, function(index, value){
                  model += value.model;
            })
            $("#factureVelo").append("<option>"+model+"</option>")
        }
    client.end()
        })
    }
};