JS 点击添加按钮,复制一个当前下拉框,

当前有一个下拉框选项,后面跟一个添加按钮,点击按钮,会在当前下拉框下,复制一个下拉框,,,,本人JS太水,求大神啊... 当前有一个下拉框选项,后面跟一个添加按钮,点击按钮,会在当前下拉框下,复制一个下拉框,,,,本人JS太水,求大神啊 展开
 我来答
百度网友2571d37bb
推荐于2018-05-09 · 知道合伙人软件行家
百度网友2571d37bb
知道合伙人软件行家
采纳数:1971 获赞数:7905
前端工程师

向TA提问 私信TA
展开全部
<html>
    <head>
        <meta charset=utf-8 />
        <title>Water drops effect</title>
    </head>
    <script src="jquery-1.7.2.js"></script>
    <body>
     <select id="sel">
         <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
        </select>
        <input type="button" id="btn" value="copy" />
    </body>
    <script>
  var oBtn = document.getElementById('btn');
var oSel = document.getElementById('sel');
oBtn.onclick=function(){
var oNewSel = oSel.cloneNode(true);
document.body.appendChild(oNewSel);
};
</script>
</html> 

具体样式自己加就可以了。
yugi111
2015-09-08 · TA获得超过8.1万个赞
知道大有可为答主
回答量:5.1万
采纳率:70%
帮助的人:1.3亿
展开全部
<!DOCTYPE html>
<html>
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
RunJS 演示代码
</title>
<script>
var copy = function(){
var tmp = document.createDocumentFragment();
var div = tmp.appendChild(document.createElement("div")); 
var sel = document.getElementById("sel");
div.innerHTML = sel.outerHTML;
var cloned = div.firstChild;
document.body.insertBefore(cloned,sel.nextElementSibling);
}
</script>
  </head>
<body>
    <select id="sel">
<option>x</option>
</select>
<br / >
<button onclick="copy()">
copy
</button>
  </body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式