时间戳

首页 > 解决方案 > 如何在特定选项值元素之后复制选项元素

javascript - 如何在特定选项值元素之后复制选项元素

问题描述

如何在 JavaScript/jQuery 中的特定选项值之后复制选择选项元素？

这是我的两个选择

首先选择我要复制的位置复制值下方的选项

<select class="select">
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="copy">Copy below</option>
 <option value="3">3</option>
 <option value="4">4</option>
</select>

第二次选择我想在第一个元素上附加我复制的内容

<select class="select">
 <option value="1">1</option>
 <option value="2">2</option>
</select>

标签： javascriptjquery

解决方案

您可以使用属性等于选择器以及 , 来定位选项元素.nextAll()，.clone() 并.appendTo()创建选项元素的克隆并附加到第二个选择下拉列表中

$('option[value=copy]').nextAll().clone().appendTo('.select2');


$(function(){
    $('option[value=copy]').nextAll().clone().appendTo('.select2');
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="select">
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="copy">Copy below</option>
 <option value="3">3</option>
 <option value="4">4</option>
</select>

<select class="select2">
</select>

推荐阅读