如何将下拉菜单中的选项添加到选择框？
如何将下拉菜单中的选项添加到选择框？
提问于 2012-12-07 11:16:27
我有一个下面的jquery代码，其中从下拉菜单中选择的选项将从下拉菜单中删除：
var selectedOption = jQuery("#modulesDrop option:selected");
selectedOption.remove();但在执行删除之前，我想将下拉菜单中的内容添加到选择框中，但问题是我似乎不知道如何做到这一点。我尝试了下面的代码，但所做的只是从上面的下拉菜单中删除了该选项，并且没有将该选项添加到选择框中：
var selectedOption = jQuery("#modulesDrop option:selected");
selectedOption.appendTo("#moduleExistForm");
selectedOption.remove();回答 3
Stack Overflow用户
回答已采纳
发布于 2012-12-07 11:24:43
您不需要调用remove()，因为appendTo()会自动将元素与其原始父元素分离，然后将其附加到您指定的新元素上：
<select id="old">
<option value="dog">dog</option>
<option value="cat">cat</option>
</select>
<input type="button" value="add" id="add"/>
<select id="new">
</select>
<script>
$('#add').click(function(){
var x = $('#old option:selected');
x.appendTo($('#new'))
});
</script>这就是问题所在：http://jsfiddle.net/8MAny/
Stack Overflow用户
发布于 2012-12-07 11:19:42
var selectedOption = jQuery("#modulesDrop option:selected");
var appendedObject = '<div>Something</div>';
selectedOption.before(appendedObject);
selectedOption.remove();.append()方法将指定的内容作为最后一个子级插入，因此如果您选择了object，请在方法之前或之后使用。
Stack Overflow用户
发布于 2012-12-07 11:21:51
去掉.remove()。通过使用appendTo()，您可以将该元素从其当前位置移动到新位置。
如果您只想移动内容，则将该值保存到一个变量并将其追加。
var selectedOption = jQuery("#modulesDrop option:selected"),
selectedOptionValue = selectedOption.val();
selectedOptionValue.appendTo("#moduleExistForm");
selectedOption.remove();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13756397
复制相关文章
相似问题
腾讯云开发者
