将textarea1复制到另一个textarea2并将其删除。已经在工作了
将textarea1复制到另一个textarea2并将其删除。已经在工作了
提问于 2014-01-19 15:45:07
代码已经工作到@Maurice Perry和其他人的tnx。html和jquery函数(从dropdownlist复制和删除文本并移动到另一个文本区)
<html>
<head>
<title> Example</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script>
<script>
$(function(){
$("#copy").on("click", function(){
$("#textarea option:selected").each(function(){
$("#textarea2").append($(this).clone());
$(this).remove();
});
});
$("#remove").on("click", function(){
$("#textarea2 option:selected").each(function(){
$("#textarea").append($(this).clone());
$(this).remove();
});
});
});
</script>
<body>
<select multiple="multiple" class="options" id="textarea">
<option value="item1">Item 1</option>
<option value="item2">Item 2</option>
<option value="item3">Item 3</option>
<option value="item4">Item 4</option>
<option value="item5">Item 5</option>
</select>
<button id="copy">Copy</button>
<button id="remove">Remove</button>
<select id="textarea2" multiple class="remove">
</select>
</body>
</html>回答 3
Stack Overflow用户
发布于 2014-01-19 16:12:33
或者这个？
$(function(){
$("#copy").on("click", function(){
$("#textarea option:selected").each(function(){
$("#textarea2").append($(this).clone());
$(this).remove();
});
});
$("#remove").on("click", function(){
$("#textarea2 option:selected").each(function(){
$("#textarea").append($(this).clone());
$(this).remove();
});
});
});http://jsfiddle.net/robbyn/3BN6v/
编辑
在页面中导入jquery：
<html>
<head>
<title> Example</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
...Stack Overflow用户
发布于 2014-01-19 15:52:45
您忘记了将jquery添加到您的页面
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>要删除，请使用此
$("#remove").on("click", function(){
$("#textarea option:selected").each(function(){
$(this).remove();
});
});Stack Overflow用户
发布于 2014-01-19 15:54:00
试试这个：
$("#copy").on("click", function()
{
$("#textarea2").append($("#textarea option:selected").clone());
});
$("#remove").on("click", function(){
$("#textarea2").append($("#textarea option:selected"));
});它们应该提供复制和移动功能。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21214357
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号