我需要获取整个元素及其所有子元素的值，以便我可以创建该元素的副本。有没有办法用纯js来做到这一点？<!DOCTYPE html><html><select id="select"><option>Bulldog</option><option>Pitbull</option></select><!--The entire dropdown with all its child option elements should be duplicated into the div element:--><div id="div"></div></html>
3 回答
动漫人物
TA贡献1815条经验 获得超10个赞
使用克隆节点：
document.body.appendChild(document.querySelector('#select').cloneNode(true));它克隆该元素，然后将克隆附加到页面主体。您不需要获取元素的值。
希望这个对你有帮助。
缥缈止盈
TA贡献2041条经验 获得超4个赞
我认为最好给出每个选项的价值，
也许这个js可以帮助你
与 HTML
<!DOCTYPE html><html>
<select id="select">
<option value="Bulldog">Bulldog</option>
<option value="Pitbull">Pitbull</option>
</select>
<!--The entire dropdown with all its child option elements should be duplicated into the div element:-->
<div id="div"></div>
</html>
和 JS ：
var j = document.getElementById("select");
var i;
var value = "List Value: ";
for (i = 0; i < j.length; i++) {
value = value + "\n" + j.options[i].text;
}
console.log(value)
侃侃尔雅
TA贡献1801条经验 获得超15个赞
下面的代码通过克隆整个元素并附加到元素 id="div" 来显示结果。让我知道这是否是您所需要的。
<!DOCTYPE html>
<html>
<body>
<select id="select">
<option>Bulldog</option>
<option>Pitbull</option>
</select>
<!--The entire dropdown with all its child option elements should be duplicated into the div element:-->
<div id="div"></div>
</body>
</html>
<script>
var x = document.querySelector("#select").cloneNode(true);
document.getElementById("div").appendChild(x);
</script>
添加回答
举报
0/150
提交
取消