需要将单元格值复制到html表中的另一个单元格
我正在使用简单的html代码,我想将第一个单元格的值复制到所有其他单元格。 this how html table looks 也试图自动填充剩余日期时,我给在第一小区需要将单元格值复制到html表中的另一个单元格
添加以下
假设你想要这个,所以我希望这是有益
function bindData(target) {
var inputs = document.querySelectorAll(target);
if (inputs) {
for (var k = 0; k < inputs.length; k++) {
inputs[k].addEventListener('keyup', function() {
var fields = document.querySelectorAll(this.dataset.bind);
var value = this.value;
if (fields) {
for (var i = 0; i < fields.length; i++) {
fields[i].value = value;
}
}
});
}
}
}
bindData('[data-bind]');
<table>
<tr>
<td>
<input data-bind=".date" type="text">
</td>
<td>
<input class="date" type="text">
</td>
<td>
<input class="date" type="text">
</td>
</tr>
<tr>
<td>
<input data-bind=".name" type="text">
</td>
<td>
<input class="name" type="text">
</td>
<td>
<input class="name" type="text">
</td>
</tr>
</table>
以下加我的代码真的不应该为那些显然不符合基本站点标准的问题编写代码答案。 – charlietfl
@charlietfl感谢提示,我真的很想帮助他,实际上我也困惑他想要什么,复制到整个单元格或复制到同一行单元格。所以我认为他想要这个。我应该删除这个答案吗? – DININDU
由你决定,但我只是建议一个非常不好的问题,显示没有真正的努力来解决问题,这个网站没有真正的长期价值。现在的问题应该是关闭的,除非OP大大改善它 – charlietfl
所以我的代码输入你想根据第一输入改变数值为后者的输入/选择每行。给他们id
s,所以我们可以用jQuery添加事件:<input id="date-proto">
<select id="name-proto">
。对于每行的其余部分,请分别添加一个类:<input class="date-clone">
<input class="name-clone">
。现在事件监听器:$('#date-proto').keyup(function() {$(.date-clone).val($(this).val());});
$('#name-proto').change(function() {$(.name-clone).val($(this).val());});
。通常我会发现keyup
的文字输入事件更符合我的需求,您可以试试change
并查看会发生什么。
This is the code i am working on...
<form><table>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$("#datepicker").datepicker();
$("#datepicker1").datepicker();
$("#datepicker2").datepicker();
$("#datepicker3").datepicker();
$("#datepicker4").datepicker();
$("#datepicker5").datepicker();
$("#datepicker6").datepicker();
});
</script>
<Th>Date</th>
<Td><input id="datepicker"/></td>
<Td><input id="datepicker1"/></td>
<Td><input id="datepicker2"/></td>
<Td><input id="datepicker3"/></td>
<Td><input id="datepicker4"/></td>
<Td><input id="datepicker5"/></td>
<Td> <input id="datepicker6"/></td>
</tr>
<tr>
<th>Emp Name</th>
<td><input type="text" name="cell1"></td>
<td><input type="text" name="cell1"></td>
<td><input type="text" name="cell1"></td>
</tr>
<th>Name:</Th>
<td>
<input type="text" name="source"></td>
<br><td>
</td> <td>
<input type="text" name="dest1"></td>
<br>
<input type="checkbox" name="copy" onclick="copy(this.form)">
<em>Check this box if you wanna copy.</em>
<P>
<br><br><td>
</td><td><input type="text" name="dest2"></td>
</td>
<br><td>
</td><td>
<input type="text" name="dest3"></td></td>
</form>
<script>function FillBilling(t) {
if(t.copy.checked == true) {
t.dest1.value = t.source.value;
t.dest2.value = t.source.value;
t.dest3.value = t.source.value;
}
}</script>
我得到的空间问题和功能没有按预期工作 –
请包含您到目前为止在你的问题的代码,你拥有的是具体的问题一起。 –
*“我想将第一个单元格的值复制到所有其他单元格”* - 这不是您想要的,因为这会导致在表格中的每个单元格中都有“Date”字样。请[编辑]您的问题以澄清您想要做什么,何时想要做什么(例如,响应某些用户操作或页面加载),并显示相关的html和您尝试过的任何JS。 – nnnnnn
没有html代码给出....没有javascript代码尝试....甚至没有一个特定的编程问题在这里。你在期待什么?有人从头为你编写一个完整的模块?对不起...这不是一个代码写作服务。一个好的开始就是[问] – charlietfl