0

我的字段很少,我希望将这些字段中的值复制到tbody td. 我做了一个jsfiddle,有人可以看看它。

http://jsfiddle.net/tsdUU/

我想让每个 tbody td 看起来如下:

复制值:(在字段中键入的值)

任何形式的帮助表示赞赏

提前致谢!

4

4 回答 4

3

那么这里是您的代码的工作版本。现在解释一下。

快的!这段代码有什么问题。

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

它有两个ids 阻止我们通过 选择它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()方法获取 this 的内部文本。

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

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

$("#S").html($("#1 option:selected").text());
于 2012-05-07T13:26:00.333 回答
1

将jquery代码更改为

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

希望这可以帮助

于 2012-05-07T13:28:33.700 回答
0

这是你的 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());
});

及其工作

于 2012-05-07T13:29:01.530 回答
0

大多数人已经给出了答案,但这是我的。

您的 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());
});

​Simpy 删除选择标签上的这个 id,id="SubjectTypeName" 就可以了。

于 2012-05-07T14:32:06.260 回答