Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/opencv/3.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中克隆Select元素的选项集合_Javascript_Html Select - Fatal编程技术网

如何在JavaScript中克隆Select元素的选项集合

如何在JavaScript中克隆Select元素的选项集合,javascript,html-select,Javascript,Html Select,我在JavaScript中有一个select元素。我想克隆整个项目列表,而不使用jQuery。如何做到这一点?您可以使用 let collection=document.queryselectoral'option'; 让cloned=Array.fromcollection.mapoption=>option.cloneNodetrue; const select=document.querySelector'select'; 克隆。forEachopt=>{ select.appendCh

我在JavaScript中有一个select元素。我想克隆整个项目列表,而不使用jQuery。如何做到这一点?

您可以使用

let collection=document.queryselectoral'option'; 让cloned=Array.fromcollection.mapoption=>option.cloneNodetrue; const select=document.querySelector'select'; 克隆。forEachopt=>{ select.appendChildopt } 选择1 选择2 选择3 选择4
这应该是对数据对象的克隆和排序,如果涉及到箭头方法,则不起作用

const clone = obj =>
  Array.isArray(obj)
    ? obj.map(item => clone(item))
    : obj instanceof Date
    ? new Date(obj.getTime())
    : obj && typeof obj === 'object'
    ? Object.getOwnPropertyNames(obj).reduce((o, prop) => {
        o[prop] = clone(obj[prop]);
        return o;
      }, {})
    : obj;