萌新救助。。。
javascript吧
全部回复
仅看楼主
level 2
Kwin- 楼主
附上代码，需要实现一个很简单的功能，但是不知道用什么控件
2020年05月09日 09点05分 1
level 2
Kwin- 楼主
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script> var count = 0; function addByScript() { var table = document.getElementById("tbls"); var newRow = table.insertRow(table.rows.length); newRow.id = "row" + count; var contentCell1 = newRow.insertCell(-1); contentCell1.innerHTML = '<input type="text" id = newtextbox1/>'; contentCell1 = newRow.insertCell(-1); var contentCell2 = newRow.insertCell(-1); contentCell2.innerHTML = '<input type="text" id = newtextbox2/>'; contentCell2 = newRow.insertCell(-1); var contentCell3 = newRow.insertCell(-1); contentCell3.innerHTML = '<input type="text" id = newtextbox3/>'; contentCell3 = newRow.insertCell(-1); var delBtn = document.createElement("input"); delBtn.type = "button"; delBtn.className = "button btn btn-primary"; delBtn.id = "btnDel"+count; delBtn.value = "删除"; delBtn.onclick = new Function("del(this)"); contentCell3.appendChild(delBtn);count++; } function del(obj) { var row = obj.parentNode.parentNode; row.parentNode.removeChild(row); } function inp1(btn){var inp=document.getElementById(newtextbox1)val=parseInt(count)val=isNaN(val)?'':val;val+=count;}function inp2(btn){var inp=document.getElementById(newtextbox2)val=parseInt(count)val=isNaN(val)?'':val;val+=count;} </script> </head> <body> <fieldset> <button value=count onclick="inp1(this);">按钮1</button><button value=count onclick="inp2(this);">按钮2</button> <input type="button" class="button" value="新增" onclick="addByScript()"/> <table id="tbls"> </table> </fieldset> </body></html>
2020年05月09日 09点05分 2
level 2
Kwin- 楼主
源码有点乱
2020年05月09日 09点05分 3
level 2
Kwin- 楼主
2020年05月09日 09点05分 4
level 2
Kwin- 楼主
就是点击新增按钮，会新增3个textbox然后点击按钮1会在第一个textbox中加入数字，按钮2在第二个textbox中加入数字
2020年05月09日 09点05分 5
level 2
Kwin- 楼主
但是需要在最新添加的那一行加入数字，就是在最下面那一行
2020年05月09日 09点05分 6
level 2
Kwin- 楼主
想问问大佬们有没有什么好方法可以直接给每一行的每一个textbox加入一个id
2020年05月09日 09点05分 7
level 2
Kwin- 楼主
2020年05月09日 09点05分 8
level 2
Kwin- 楼主
我想过这么加但是不对，，涉及到知识盲区了[惊哭]没有学习过这类的东西
2020年05月09日 09点05分 9
level 2
Kwin- 楼主
dddd
2020年05月09日 09点05分 10
level 12
丶影-奈斯
抱歉 我还是不明白你想干什么 [懒得理]
2020年05月09日 11点05分 11
Kwin-
就是，添加按钮就是在下面添加三个新的textbox，然后按钮一就在目前最新添加的textbox的第一个地方加入数字，按钮二就是在最新添加那一行的第二个textbox加入数字[惊哭]
2020年05月09日 11点05分
丶影-奈斯
@Kwin- 就是在新增的那一行的input加数字？ 那么第三个input有什么用
2020年05月09日 11点05分
Kwin-
@丶影-奈斯 第三个后面要放文本，就是一个vtt文件，第一二个放起始时间，第三个放文档，第三个后面再用
2020年05月09日 11点05分
Kwin-
@丶影-奈斯 第一个开始第二个结尾时间[惊哭]
2020年05月09日 11点05分
level 12
丶影-奈斯
<button type="button" onclick="fnInp(0)">按钮1</button>
<button type="button" onclick="fnInp(1)">按钮2</button>
<input type="button" onclick="addByScript()" value="新增" />
<table id="tbls"></table>
<script>
var count = 0;
var index = 0;
function addByScript() {
var table = document.getElementById("tbls");
var newRow = table.insertRow(table.rows.length);
newRow.id = "row" + count;
for (var i = 0; i < 3; i++) {
var contentCell = newRow.insertCell(i);
contentCell.innerHTML = '<input id="newtextbox' + index++ + '" type="text" value="" />';
}
var delBtn = document.createElement("input");
delBtn.type = "button";
delBtn.className = "button btn btn-primary";
delBtn.id = "btnDel" + count;
delBtn.value = "删除";
delBtn.onclick = del;
newRow.insertCell(i).appendChild(delBtn);
count++;
}
function del() {
this.parentNode.parentNode.remove();
}
function fnInp(i) {
var inp = document.querySelectorAll("#tbls tr:last-child>td input");
if (!inp.length) return;
val = parseInt(count);
val = isNaN(val) ? '' : val;
val += count;
inp[i].value = val;
}
</script>
2020年05月09日 13点05分 13
Kwin-
谢谢！我去试一下[惊哭]
2020年05月09日 13点05分
level 14
mathsfan
要不要增加ado对象？
2020年05月10日 04点05分 14
Kwin-
我听不懂[惊哭] 不是专业搞这方面的只是期末作业和这个有关
2020年05月10日 04点05分
1