将TD值复制到TD内动态创建的输入
，是指在前端开发中，将一个表格单元格（TD）中的值复制到通过动态创建的输入框中。
在前端开发中，有时候需要在表格中进行编辑操作，例如修改表格中的某个数据。当表格中的数据较多时，可以通过动态创建输入框的方式来实现编辑功能。而将TD值复制到动态创建的输入框中，则是为了方便用户进行修改操作。
实现这个功能的步骤如下：
- 获取TD元素的值：通过JavaScript或jQuery等前端技术，可以获取到需要复制的TD元素的值。可以使用innerHTML或innerText属性来获取TD元素中的文本内容。
- 动态创建输入框：使用JavaScript或jQuery等前端技术，动态创建一个输入框元素，可以使用input标签来创建。
- 将TD值复制到输入框中：将获取到的TD元素的值赋给动态创建的输入框的value属性，即可将TD值复制到输入框中。
- 将输入框插入到TD中：使用appendChild()方法将动态创建的输入框插入到TD元素中，以便用户进行编辑操作。
这样，当用户点击或触发某个事件时，可以通过获取输入框的值来进行后续的处理，例如保存修改后的数据。
在腾讯云的产品中，可以使用云函数（Serverless Cloud Function）来实现前端的动态创建和处理逻辑。云函数是一种无需管理服务器的计算服务，可以根据事件触发自动运行代码。通过云函数，可以将上述的前端逻辑部署到云端，并提供相应的API接口供前端调用。
腾讯云云函数产品介绍链接地址：https://cloud.tencent.com/product/scf
相关·内容
我在asp.net上有一个表格，用javascript点击按钮就能动态创建表格行。我遇到的问题是，这些动态表格行是用户可选填写的，因此在提交表单时可以填写，也可以留空。
基于用户输入检查验证的好方法是什么?因此，如果用户在动态添加的表行的一个文本框中输入内容，则意味着需要验证另一个文本框，因此不应允许用户提交表单。
Javascript：
$btnAddTableRow.click(function() {
var html = '<tr>' +
'<td><input type=&
浏览 11提问于2017-08-21得票数 0
回答已采纳
如何使用ng-重复从表中动态创建的输入框中获取输入值？我的html中有以下代码：
<table class="table table-striped" name="progressLogTable">
<thead>
<th>Title</th>
<th>Input</th>
</thead>
<tbody>
<tr
浏览 0提问于2018-06-15得票数 0
回答已采纳
我有一种感觉，我做错了什么，但这种行为似乎很奇怪。我根据控制器中的数据动态创建一个表。当我输入一个字符(表格中的一个单元格)时，它立即将焦点更改为下一个单元格，并将字符也添加到该单元格中。
我有一个非常简单的例子，它在jsfiddle中再现了这个问题。
<div ng-app="miniapp">
<div ng-controller="Matrix">
<h1>Enter a value in the fist cell.</h1>
<table>
<thead>
浏览 3提问于2012-10-17得票数 5
回答已采纳
3回答
我已经做了动态输入，我的问题是得到每个输入的值，但它是多个输入？我怎样才能做到这一点。这是小提琴。
perRow() {
return this.state.values.map((el,i) =>
<tr key={i}>
<td className="col-md-4">
<div className="form-group">
浏览 1提问于2018-03-21得票数 0
回答已采纳
我正在生成一个动态的表格，其中的html代码来自数据库。该表包含多个文本输入。在用户输入后，我想获取表的外部html以将其保存到数据库中。当我使用jquery获取表格html时，输入的值都不是user输入的值。 我已经尝试获得这样的值的表； $(document).on("click", '.btnSaveAnswer', function () {
var tableHtml = $("#dynamicTable").prop('outerHTML');
}); 上面的代码产生了这个html代码； <table>
浏览 11提问于2019-09-09得票数 0
回答已采纳
我需要你的帮助。我有两个字段用于表的输入维度(输入行数和列数)和一个按钮。如果单击此按钮，表应动态填充给定的行数和列数。如何使此功能，该表中填充从右下角单元格螺旋/在电路中的左和顶，直到所有的单元格(顺时针方向).
用HTML、AngularJS、jQuery / JavaScript实现这一点的最佳方法是什么。(见图)
非常感谢
现在我做了这样的事情：
循环表
<fieldset>
<legend>Input</legend>
<label id="nameRow" >Number of Rows</label&
浏览 2提问于2014-12-11得票数 0
回答已采纳
目前，我正在将用户输入保存在手风琴数组中。
我的手风琴是动态的，在单击时，创建另一个带有输入字段的手风琴列：
var i = 1 ;
function AddPanel()
{
$('.accord').append('<h3 style="background:none;background-color:#C8C8C8 ;">Job Nr.'+i+'</h3>'
+'<div style="background
浏览 1提问于2013-07-25得票数 0
回答已采纳
1回答
我使用Laravel刀片模板创建了这个表单，并使用jQuery实现了它的动态。现在，我可以用表中的所有输入字段填充表行。现在，我正在尝试将ajax数据输入到更改的那些字段，在第一列中选择值。它只在第一行上工作，因为每个输入字段都没有唯一的id。请帮我把这个修好。
在刀片模板上使用的形式代码
<tr id="1">
<td>
{!! Form::select('item_id[]', ['' => 'Select an item'] + $items, null,
浏览 1提问于2016-01-29得票数 3
2回答
我正在尝试获取div在asp中动态创建的文本。
下面是我的datagrid创建的html表的一个示例：
<table border="1" id="MainContent_dgValues" style="border-collapse:collapse;">
<tbody><tr>
<td>Date Modified<td>Comment</td><td></td>
</tr><tr>
浏览 4提问于2015-05-15得票数 1
回答已采纳
我的头撞在一个水泥枕头上，试图找出动态的内容。不仅是在观看或观察动态内容，而且我也可以在任何输入上使用一个动态指令。这是一个例子..。
<tbody>
<tr ng-repeat="(rowIndex, tableRow) in paymentData.lineItems" ng-hide='false' ng-class="{ paymentrow: markedForPay[rowIndex] == true }">
<td>Other td's</td>
<
浏览 2提问于2014-09-15得票数 2
回答已采纳
我创建了一个jsp，它有一个动态添加输入boxex的脚本，问题是我不知道如何将它抛到servlet上，以便将这些动态输入框中的数据保存到数据库中。请帮帮我。
var i= 1；
<form id="add_pname" name="add_pname"><table class="table table-bordered" id="dynamic_field">
<tr>
<td><select name="txtProduct" id="tx
浏览 0提问于2019-08-05得票数 1
是否可以根据两个动态创建的字段之间的差异来设置每个动态创建的输入字段的输入值。下面是我的代码和我想要达到的目标。
<table id="requested-wh-stock-table" class="table table-bordered table-hover dataTable" width="100%">
<thead>
<tr>
<th>Luminaire</th>
<th>Order Qu
浏览 5提问于2020-02-20得票数 0
回答已采纳
我有个问题。我可以动态创建多个行。每行有2个<td>。每个类都有<td>、tdDebit和tdCredit。
<table id="tblAcctForm">
<tr>
<td class="tdDebit"><input type="text" /></td>
<td class="tdCredit"><input type="text" /></td>
</tr>
&l
浏览 5提问于2012-12-31得票数 0
回答已采纳
1回答
我被一个脚本卡住了，需要另一双眼睛来看看我是否遗漏了什么。这个脚本是为一家书店编写的。当输入和搜索学生号时，会显示该学生为每个科目准备的书籍。学生、课程和图书数据来自MySQL数据库。
这一切都是通过这个脚本完成的：
<?php
if (isset($_POST['submit'])){
$btnClick = $_POST['submit'];
switch($btnClick){
case "Logout" :
se
浏览 0提问于2013-06-03得票数 2
回答已采纳
3回答
我想选择td元素，它只包含XSLT中的数字。
输入：
<table>
<tr>
<td>AWS</td>
<td>1234</td>
<td>ED123</td>
<td>874</td>
</tr>
</table>
尝试过XPath：
table/tr/td[not(matches(.,['a-zA-Z']))]
作为结果，应该选择td[2]和td[4]。
我正在使用XSLT2.0
浏览 1提问于2019-12-02得票数 0
回答已采纳
1回答
我有3个TextBoxes用于用户输入。我希望用户输入姓名，电子邮件和年龄，然后点击一个按钮，把它放到一个表中。
我已经使用设计模式创建了它，但是我对表有问题，我应该如何创建表？如何创建一个新行并将文本框中的信息放到正确的单元格中？
这就是我想要做的代码：
public partial class WebForm1 : System.Web.UI.Page
{
Table myTable;
TableCell[] td;
TableRow tr;
protected void Page_Load(object sender, EventArgs e)
{
浏览 0提问于2015-05-07得票数 0
1回答
Im创建弹出表单添加项和创建jquery自动完成我已经在我的表单中完成了jquery自动完成，但是我想
编写item_name示例时:膝上型计算机
形式品牌，类型/seri，系列也出现。
笔记本电脑(item_name)戴尔(品牌)戴尔Inspirion (Seri或Type) 1239196 (牌)
我很困惑，因为我写了项目名称，表格品牌，seri，licensi也在表格项目名称中显示了价值。
截图
这是我的密码
<script type='text/javascript'>
function add_item()
{
浏览 2提问于2015-01-19得票数 0
我有这个php站点，我使用javascript。其中一个页面是一个10行的输入表单，用于输入数据。本例中有一行代码是这样编写的：
echo "<td style='border-width: 0'><input type='text' id = 'price1' style = 'font-size: 10px' name='poline1[price]' size='7'></td>";
此输入字段旁边有一个按钮：
echo "<t
浏览 0提问于2014-09-22得票数 0
我在从动态添加的jquery表行检索输入值时遇到了一些问题……这些是我的代码..期待一个好的解决方案..提前感谢:)
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//This l
浏览 0提问于2013-10-24得票数 0
2回答
我想验证我的动态无线电输入。在我看来，view.blade.php：
echo "<span class='error'>".$errors->first('sar')."</span><td></tr>";
for($i=1; $i<11; $i++){
echo"<td>"; ?>
<input class='radio-inline' name='sar[<?php echo $number;
浏览 11提问于2016-09-29得票数 3
回答已采纳
1回答
我有一个文本框，用户可以在其中输入所有者的名字，我想要自动复制它，或者在我的动态表格中单击一个文本框。我怎么可能用javascript做到这一点呢？我需要第一个文本框中输入值的精确副本作为动态表格中的文本框的值。请帮帮忙
window.onload = function() {
var ModelArray = {
"Mammals": {
"Dog": {
"Dog Food": ["Milk"]
},
"Cat": {
"
浏览 15提问于2018-12-17得票数 0
我有一个表单，它包含动态创建的文本输入(它们有类serialNumber)。一旦将文本输入到这些输入中，下面的脚本将检查文本并将结果返回到动态创建的DIV (serialNumberSearchResults)中。
下面的代码将提交，但是发布的serialNumber值是空的。我一直在寻找解决方案，但是它们似乎都需要使用唯一的ID，因为输入和DIVs是动态生成的，所以我不能这样做。
<div name="serialNumberBox">
<table width="100%" border="0" cellspacing=
浏览 8提问于2017-02-03得票数 0
回答已采纳
1回答
我正在创建一个动态表(如上面所示)，但我是通过循环遍历数据对象来创建的。当前，您在顶部部分填写数据，然后单击stage，然后将数据添加到表中。我也希望能够更新表中的数据。
表是这样构建的：
<?php
for($r = 0; $r < sizeof($dataArray); $r++){
for($i = 0; $i < $fields; $i++){
Echo "<td>
<input onchcange='updateData("WHAT GOES HERE?&
浏览 4提问于2015-09-17得票数 0
回答已采纳
嗨，我定义了一个jsRender模板来动态创建一个表。
<script type="text/x-jsrender" id="tmpl">
<tr>
<td>....</td>
<td>{{:Name}}</td>
</tr>
</script>
在第一个表数据元素中，我想用id="personId“追加隐藏输入字段的值。
我怎么能这么做。
谢谢您的回复。
浏览 3提问于2013-10-02得票数 0
回答已采纳
1回答
我在使用Angular设置输入元素的值时遇到了一些问题。
我尝试通过这个方法在我的应用程序中设置动态创建的输入元素的值：
copyPricingToAll(): void {
var copyValue: string = document.getElementById("priceInputGlobal").value;
this.currentItem.orderLines.forEach(orderLine => {
document.getElementById("priceInput-" + orderLine.id).setAtt
浏览 0提问于2018-06-29得票数 16
回答已采纳
2回答
我有两个输入：
<td><input id='someName_1' type='textbox' value='1' /><td>
<td><input id='someID_1' class="button1" type='button' value='Submit' /></td>
我有以下ajax代码：
$("body").on('click', '.button1
浏览 5提问于2016-08-09得票数 0
回答已采纳
1回答
当页面加载时，我在HTML中有一个输入，而其他输入是通过JS代码动态创建的。
自动完成函数仅在第一个输入上工作得很好，而对动态创建的输入则不起作用。为什么会这样呢？
<table class="table table-bordered" id="dynamic_field">
<tr>
<td><input type="text" autocomplete="off" id="example" name="example[]" placehold
浏览 3提问于2022-07-02得票数 1
回答已采纳
1回答
让我来描述一下我想做的事。我正在构建一个真正的动态ng指令来构建基于数据数组和配置对象的表。我想知道的是如何根据作用域中的对象动态地分配属性。假设在作用域的某个地方有一个对象，例如：
$scope.inputs.myInput = {
type : "number",
size : 3,
min : 0,
...
}
依此类推，在我的模板中
<tr><td>other stuff</td><td><input {{assign the attributes somehow}} /><
浏览 4提问于2013-11-15得票数 6
回答已采纳
这是我的代码
<table id="cont">
<tr>
<td><input type="text" name="no" id="no"/></td>
<td><input type="text" name="qty" id="qty"/></td>
</tr>
</table>
这是我的jQuery代码
$(document).ready(functi
浏览 0提问于2013-03-31得票数 0
回答已采纳
5回答
如何将jquery var值传递给html输入框
var m = $("#id_manufacturer").val();
var markup = "<tr><td><input type='checkbox' name='record'></td><td><input type='text' name='phoneManufacturer' value=m/></td></tr>
$("table t
浏览 0提问于2017-03-25得票数 1
回答已采纳
我有一个6行4列的表(第四个是Total:它应该是上述3列的总和)。基本上我想做的是计算每一列的总和，并在第四列中显示总数。我的表是使用ng-repeat生成的。
类似于：
<table>
<thead>
<tr>
<th ng-repeat="item in items">{{item}}</th>
</tr>
</thead>
<tbody>
<tr>
浏览 14提问于2016-08-09得票数 1
回答已采纳
3回答
请看一下这个。
我使用$('parentselector').on('click','selector', function(){将click事件绑定到动态创建的链接，以便当有人单击它时，它将在表中显示其值。但是html()函数仍然返回旧链接中的值。有人能指出这个例子有什么问题吗？
jQuery：
$(function(){
$('.area').each(function(){
var area = $(this),
selectbox = area.find('select'),
浏览 4提问于2014-05-26得票数 0
回答已采纳
我有一部分网页是使用MySQL查询动态生成的：
<table id="livePlayers" cellpadding="4" align="center">
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Phone number</th>
<th>Email Address</th>
<th>Rating</th>
</tr>
<?ph
浏览 1提问于2011-06-04得票数 1
回答已采纳
我在一个cakephp2项目中工作。在我的视图中，我有一个表格，我想在该表格上设置一个可编辑的单元格。编辑后，我想要保存它。
我试过HTML5的contentEditable，我可以编辑，但是数据不会传递给控制器。我还尝试了innerHTML，它将单元格更改为input，但我无法在输入字段中写入任何内容。我该如何解决这个问题？谢谢
<script>
function makeInput(e) {
document.getElementById('test').innerHTML= "<input type='text'>&#
浏览 4提问于2019-05-09得票数 0
我正在读取一个文本文件，它看起来像 <tr><td>W543562</td><td>OPEN</td><td>003</td><td>4</td></tr>
<tr><td>W543563</td><td>OPEN</td><td>003</td><td>4</td></tr>
<tr><td>W543564</td>&
浏览 14提问于2021-03-20得票数 0
回答已采纳
3回答
我被PHP任务的问题卡住了。我创建了一个PHP脚本来生成表单输入，我必须从输入中获取数据并将其插入到文本文档中。因此，我编写了生成两个输入的代码和一个将数据写入文本文档的函数。但是，我的文本文档显示为空白。如何正确定义一个从文本输入中获取多个值并将其插入到文本文档中的函数？到目前为止，我的代码如下：
<form method='post'>
<table border='0' cellpadding='3' cellspacing='5'>
<tr>
<td><h
浏览 0提问于2011-10-19得票数 0
回答已采纳
我是AngularJS中的新手，我使用一个表来添加动态行。现在，我想使用一个函数来删除ng模型item.taxOne和item.taxTwo的所有输入的内容，具体取决于所选的值。
例如：
无选择税:使用ng模型item.taxOne和item.taxTwo的所有输入都应该被清除。
选择1税:所有带有ng模型项目的输入都应该被清除
选择2税:无所作为.
不幸的是，它不起作用:我的第一种方法(见下面的脚本)是删除所有条目--TaxOne的输入。在这一点上，我已经收到一个错误：
无法设置未定义的属性“taxOne”
谢谢你的小费！
选择
<select ng-model="taxOpt
浏览 5提问于2014-05-27得票数 0
回答已采纳
1回答
我正在尝试从动态创建的表列中提取选定的选项。下面的代码可以提取输入值，但不能提取下拉值。 动态生成HTML $('#addr'+i).html("<td>"+ (i+1) +"</td><td><input name='Letter"+i+"' type='text' placeholder='Letter' class='form-control input-md' /> </td><
浏览 12提问于2021-09-22得票数 0
回答已采纳
我试图在代码中选择动态输入字段的id。单击按钮时，表单将创建一个表单域，如下所示：
<td><input type="text" id="field_a_1"></td>
<td><input type="text" id="field_b_1"></td>
<td><input type="text" id="field_c_1"></td>
当我再次单击该按钮时，我会得到如下结果：
<
浏览 0提问于2010-05-21得票数 2
回答已采纳
1回答
我有一个用HTML创建的动态表：
<table id="rounded-corner" width="51%" border="1" align="center" cellpadding="2" cellspacing="0">
<tr>
<th width="19%">Job Type</th>
<th width="24%">Job Description</th>
浏览 1提问于2011-08-08得票数 1
1回答
在单击按钮后，可以从动态创建的表中获取值吗？
下面是创建带有输入字段的表的代码：
function tableInsert(row,col){
var body = document.body,
tbl = document.createElement('table');
tbl.style.width = '100px';
tbl.style.border = '1px solid black';
tbl.id="draw_table";
for(var i = 0; i &l
浏览 2提问于2016-12-03得票数 0
回答已采纳
1回答
我想使用一个JQuery用户界面对话框，但是我不能。当我点击不同的名字时，它每次都会加载相同的页面。问题是，隐藏的输入太多了，所以我只得到第一个值。
我如何动态地做到这一点？
while($s=mysql_fetch_array($a)) {
$name=$["name"];
<input type="hidden" class="hidden" value="<?php echo $name; ?>" />
<td class="dialog">&l
浏览 3提问于2012-01-29得票数 0
回答已采纳
我有一个带有输入框的列的HTML表，并且希望框中的值的总和自动显示(即，不需要单击和按钮并随着框中的值的更改而更新)。表中的行数不同，因为它是通过速度动态创建的。下面是一个示例HTML表，我想要显示容量行中的值的总和。我真的不确定从哪里开始，我已经尝试了许多JavaScript代码，但无法获得任何正确的工作。
<table border = "1" id = "table">
<TR>
<TH>Resource</TH>
<TH>Vacation</TH&g
浏览 0提问于2012-07-18得票数 1
回答已采纳
2回答
我正在寻找一种方法来读取动态创建的输入字段的值，然后获得它们的平均值。我有一个具有多个输入的表，我希望将这些输入的所有值相加，并在行尾显示它们。
到目前为止，我得到的是：
Html (我在我的表中生成这样的行)：
<tr>
<td><input type='number' class='userInput' name='userInput'></td>
<td><input type='number' class='userInput' name=&
浏览 3提问于2016-09-02得票数 0
回答已采纳
我使用Array.map在表中动态创建选择元素，并将每个选择元素设置为受控输入。
我试图使用函数组件中的ref动态更改值/状态，以访问状态并更新元素的值。为此，我在创建每个select元素时创建了一个ref，并将这些ref存储在refs数组中。
然后，我想使用被设置为.map迭代的elements键来访问onChange事件上的这些引用--但是我很难访问到elements键，请参见下面的代码：
{state.profitFsHeaders.map((item:any, i:any)=>{
const newRef:any = createRef()
浏览 1提问于2020-07-15得票数 0
根据JSON响应，使用Angular 7在html中创建动态下拉输入
我从后端获得了一个json响应，这取决于我在html中创建的标签和dropdown输入的响应，但现在我希望用户使用dropdown输入为每个标签设置一些值，并希望为该给定输入创建一个json对象以将其传递回post调用
<tr *ngFor = "let storeData of storeDatas; let i = index" >
<th scope="row"> {{storeData}} </th>
<td>
浏览 5提问于2019-04-10得票数 0
我使用Jquery/JavaScript创建了一个动态文本框。用户可以点击“添加更多的按钮”，JavaScript将添加另一个输入框，用户可以在其中输入一些数据。
问题:- JavaScript运行良好，但我无法理解如何将这些数据存储在数据库中。我需要有关php或Ajax的帮助，以便将这些用户数据传递到数据库。下面是我想要传递的参数
酒店ID
取消ID
(动态用户数据)++1
下面是我的密码。
JavaScript :-
<script type="text/javascript">
$(document).ready(func
浏览 3提问于2014-09-30得票数 0
回答已采纳
1回答
为了完成我需要做的事情，我需要在另一个表的TD中有一个表，并需要该表的单元格与包含的表的高度和宽度相同。
几个注意事项：
包含的TD不能有固定的高度或宽度，它是根据输入原始表的数据的大小动态创建的，因此这就排除了我使用高度和宽度的能力:在内部表上使用100% (只有在父容器具有固定的宽度或高度时才可能这样做)。
现在，表的高度设置为100 TD，所以在下面的图片中更容易看到，上面有我做的注释，它不能有固定的高度，因为cell1和单元格2的内容需要位于单元格的最顶端，而这又需要在包含TD的最上面和最底部。
整个表的HTML和CSS都是巨大的，因此这里只是从包含TD的内容开始，以保持它的干净：
浏览 1提问于2015-06-17得票数 0
回答已采纳
值得注意的是，我对angularJS一无所知，我以前曾与knockoutJS合作过，当涉及到角度时，我只是在做一些假设。
我有这样的代码：
angular.module("umbraco").controller("recallCtrl",
function ($scope, $routeParams) {
$scope.dcList = {
key: "value",
abc: "aaaa",
prop: "tadaa!"
}
});
和标记如下
浏览 0提问于2016-09-21得票数 3
回答已采纳
2回答
我有多个同名的元素。
一个是在动态元素创建之前，第二个是在动态创建之后。
在动态创建元素之前-
<input id="txtamt" name="Amount[]" type="text" ></td>
在动态之后-
<input id="txtamt_' + numtd + '" name="Amount[]" type="text" ></td>
请注意-
我和这些元素有相同的名字。现在我想通过jQuery发布它。
如何获取两个in
浏览 0提问于2014-04-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
