如何解决根据<selection>下拉菜单将文本添加到<td>
|| 当用户使用表单进行选择时,我有一个要填充数据的表。最终,它将增加tco电池的成本。<table style=\"width:100%; padding:0;margin:0;\" id=\"ch1\">
<tbody>
<tr class=\"\"childname\">
<td class=\"cn\"></td>
<td class=\"ca\"></td>
<td class=\"cs\"></td>
</tr>
<tr class=\"cl1\">
<td colspan=\"2\" class=\"tcl\"></td>
<td class=\"tco\"></td>
</tr>
<tr class=\"cl2\">
<td colspan=\"2\" class=\"tcl\"></td>
<td class=\"tco\"></td>
</tr>
</table>
我可以将选择添加到隐藏字段#cl1a
中,但不能添加到表格单元格中。
$(\"#classA1\").change(function () {
var cl1 = \'\';
$(\"#classA1 option:selected\").each(function () {
$(\"#cl1a\").val($(this).val());
$(\"#resultbox table#ch1 tr.cl1 td.tcl\").text($(this).val());
});
});
我知道#resultbox table@ch1 tr.cl1 td.tcl
是正确的,因为我可以使用该路径更改样式。
解决方法
我想您想知道为什么您的代码未将
option :selected
的值分配给单元格td.tcl
。
好吧,首先:
您的HTML错误。您需要关闭标签tbody
。
类“ 7”中也有两个引号,进一步破坏了HTML。
准备好文档后,您需要运行jQuery代码。我不知道您的完整代码是否包含该代码,因为您不清楚该代码是否使用的是$(document).ready
,因此需要什么。
因此,我创建了一个纠正这些问题的示例:http://jsbin.com/iruqe5/edit。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。