Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用mongoose模式将多个select元素值中的值存储到MongoDB中的数组中_Javascript_Reactjs_Mongodb_Mongoose - Fatal编程技术网

Javascript 使用mongoose模式将多个select元素值中的值存储到MongoDB中的数组中

Javascript 使用mongoose模式将多个select元素值中的值存储到MongoDB中的数组中,javascript,reactjs,mongodb,mongoose,Javascript,Reactjs,Mongodb,Mongoose,大家好,提前谢谢 我有一个带有div元素的HTML表单,它有一个select标记和两个+和-。用户可以单击+按钮复制选择标签(最多5次)。我需要使用mongoose将select标记中的值存储到MongoDB中。我不确定如何在JS中获取该值并将其存储在变量中以传递到MongoDB 哈巴狗文件 div(id='divDay1') button.btnDay1(type='button' onclick='appendRow(this)') + but

大家好,提前谢谢

我有一个带有div元素的HTML表单,它有一个select标记和两个+和-。用户可以单击+按钮复制选择标签(最多5次)。我需要使用mongoose将select标记中的值存储到MongoDB中。我不确定如何在JS中获取该值并将其存储在变量中以传递到MongoDB

哈巴狗文件

div(id='divDay1')
            button.btnDay1(type='button' onclick='appendRow(this)') +
            button.btnDay1(type='button' onclick='removeRow(this)') -
            label(for='Day1') Day1:
            div
                Select#Day1.form-control1(type='select'  name='Day1' required='true' )
                    for task in tasks
                        option(value=task._id) #{task.TaskName}
//JS代码

var x=1;
//Add select list
function appendRow(elem)
{
    //get parent node
    var parent = elem.parentNode;
    //console.log(parent);
    //get last child element
    var l=parent.lastChild;
    //console.log(l);
    //var d = document.getElementById(parent.id);
    var s = document.getElementById( l.firstChild.id ).cloneNode(true);
    s.id = "Select"+x;    
    //var s1=document.getElementsByClassName("form-control1")
    //console.log(d);
    //console.log(s);
    //Add only 4 child elements
    if(l.childElementCount<4){l.appendChild(s);};     
    //increment x
    x++;
};
// remove select list
function removeRow(elem)
{
    //alert("JS file Load");
    var parent = elem.parentNode;
    //get last child element
    var l=parent.lastChild;
    // remove last child element, Remove upto 1 element
    if(l.childElementCount>1){l.removeChild(l.lastChild);};  

};
var x=1;
//添加选择列表
函数appendRow(elem)
{
//获取父节点
var parent=elem.parentNode;
//console.log(父级);
//获取最后一个子元素
var l=parent.lastChild;
//控制台日志(l);
//var d=document.getElementById(parent.id);
var s=document.getElementById(l.firstChild.id).cloneNode(true);
s、 id=“选择”+x;
//var s1=document.getElementsByClassName(“form-control1”)
//控制台日志(d);
//控制台日志;
//只添加4个子元素
if(l.childElementCount1){l.removeChild(l.lastChild);};
};
  • 使用此代码段获取数组中的表单数据

    函数getSelectValArr(){

    }

  • 确保jQuery已包含在html中

  • 然后使用此数组将数据发送到服务器

    var setting = {url: 'your_api_url', data: {"someKey": 
    getSelectValArr() }, method: 'POST', success: function(response) {},error: function(error) {}};
    
    $.ajax(setting);
    
  • var setting = {url: 'your_api_url', data: {"someKey": 
    getSelectValArr() }, method: 'POST', success: function(response) {},error: function(error) {}};
    
    $.ajax(setting);