如何使用 Jquery 将字段中的值设置为表 td

How can I set the value inside a field to a table td with Jquery?

本文关键字：设置 td 何使用 Jquery 字段      更新时间：2023-09-26

我有几个字段，我希望这些字段中的值被复制到tbody td。我已经做了一个jsfiddle，有人可以看看它。

http://jsfiddle.net/tsdUU/

我想让每个身体 td 如下所示：

复制的值：（在字段中键入的值）

感谢任何形式的帮助

提前感谢！

好吧，这是您的代码的工作版本。 现在进行解释。

快！ 这段代码有什么问题。

<select id="SubjectTypeName" id="1">

它有两个id，阻止我们通过 id . 其次，在您的代码中，您尝试将文本框的值（#1）设置为td的值（#S）。

$("#1").val($("#S").val());

因此，我们需要将该代码更改为。

$("#S").val($("#1").val());

啊，但是这段代码仍然不起作用。 这是因为单元格没有值属性，而值属性是val()返回的。 相反，我们试图设置innerHTML;它有一个 jQuery 替代方案 html() .

$("#S").html($("#1").val());

而且，多达！ 它有效！ =D

编辑：获取所选选项的文本。

为此，我们需要获取所选选项。 我们可以通过:selected选择器执行此操作。

$("#1 option:selected");

现在我们只是使用 text() 方法获取它的内部文本。

$("#1 option:selected").text();

把它们放在一起，我们得到了。

$("#S").html($("#1 option:selected").text());
将

jquery 代码更改为 

$('#next-step').click(function() {
    $('#S').html('Copied value: ('+$("#1").val()+')');
    $('#C').html('Copied value: ('+$("#2").val()+')');
    $('#T').html('Copied value: ('+$("#3").val()+')');
});

希望这有帮助

这是你的html

<input type="text" value="" id ="three" />
<input type="text" value="" id="two" />
<select id="one">
<option value="">Select something</option>
<option value="2">test1</option>
<option value="3">test2</option>
<option value="4">test3</option>
</select>
<br>
<br>
<table class="box-style3" border="1">
 <thead></thead>
<tbody>
<tr><td id="S">Copied value:</td></tr>
<tr><td id ="C">Copied value:</td></tr>
<tr><td id="T">Copied value:</td></tr>
 </tbody>
</table>
<input type="button" id="next-step"  value="save">

这是你的 JS

$('#next-step').click(function() {
$('#S').html($('#one').val());
$('#C').html($('#two').val());
$('#T').html($('#three').val());
});

及其工作

大多数人已经给出了答案，不过这是我的。

您的 HTML 代码：

<input type="text" value="" id ="3" />
<input type="text" value="" id="2" />
<select id="1">
<option value="">Select something</option>
<option value="2">test1</option>
<option value="3">test2</option>
<option value="4">test3</option>
</select>
<br>
<br>
<table class="box-style3" border="1">
  <thead></thead>
   <tbody>
    <tr><td id="S">Copied value:</td></tr>
    <tr><td id ="C">Copied value:</td></tr>
    <tr><td id="T">Copied value:</td></tr>
     </tbody>
</table>
<input type="button" id="next-step"  value="save">

这是脚本

$('#next-step').click(function() {
    $('#S').append($('#1 option:selected').text());
    $('#C').append($('#2').val());
    $('#T').append($('#3').val());
});

简单地删除选择标签上的这个id，id="SubjectTypeName"，你就可以开始了。

相关文章：