用JS或Jquery做一个添加一行信息
就是说添加，下拉框选中的和input的框添加的数字，使他们添加到下一行，（*注释：我是一个菜鸟，需要详细的代码，不需要提示之类的，现在这里谢谢了）...
就是说添加，下拉框选中的和input的框添加的数字，使他们添加到下一行，（*注释：我是一个菜鸟，需要详细的代码，不需要提示之类的，现在这里谢谢了）
展开
2个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>新建网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
td{
border:1px solid gray;width:900px;
}
button{
float:right;
}
.sp1{
margin-left:150px;
}
.sp2{
margin-left:350px;
}
.sl1{
margin-left:150px;
}
.sl2{
margin-left:390px;
}
</style>
<script>
function add(){
var table=document.getElementById("tab");
var item = document.getElementById("sl1");
var sl1= item.options[item.selectedIndex].text;
var item = document.getElementById("sl2");
var sl2= item.options[item.selectedIndex].text;
var ps1=document.createElement("span");
var ps2=document.createElement("span");
ps1.setAttribute("class","sl1");
ps2.setAttribute("class","sl2");
var ntd=document.createElement("td");
var node1=document.createTextNode(sl1);
var node2=document.createTextNode(sl2);
var tr=document.createElement(tr);
ps1.appendChild(node1);
ps2.appendChild(node2);
ntd.appendChild(ps1);
ntd.appendChild(ps2);
tr.appendChild(ntd);
table.appendChild(tr);
}
</script>
</head>
<body>
<table id="tab">
<tr>
<td>
<span class="sp1">原料选择 </span><span class="sp2">使用数量</span>
</td>
</tr>
<tr>
<td>
<select name="" class="sl1" id="sl1">
<option value="A哦" id="a">A哦</option>
<option value="B哦">B哦</option>
<option value="C哦">C哦</option>
<option value="D哦">D哦</option>
</select>
<select name="" class="sl2" id="sl2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<button onclick="add()">添加</button>
</td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var btn = $("button:contains('添加')");
var table = btn.closest("table");
btn.click(function(){
var tr = $("<tr><td><select></select><td><input type='text' /></td></tr>");
table.append(tr);
tr.find("select").val(tr.prev("tr").find("select").val());
tr.find(":text").val(tr.prev("tr").find(":text").val());
});
--html
<table>
<tr><td><select></select></td><td><input type="text" /></td></tr>
</table>
<button>添加</button>
追问
这个不是我想要的，而且不知怎么的用不了
追答
fuck off
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
