根据<selection>下拉菜单将文本添加到<td>

Question

我有一个表，当用户使用表单进行选择时，我想用数据填充它。最终，它将增加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是正确的，因为我可以使用该路径更改样式。

Answer 1

我想您可能想知道为什么您的代码没有将option :selected的值赋给单元格td.tcl。

好吧，首先：

• 你的超文本标记语言是错误的。您需要结束标记tbody.
• There在类""childname"中还有两个引号，这进一步破坏了HTML.
• 您需要您的jQuery代码在文档准备就绪时运行。我不知道你的完整代码是否有它，因为你不清楚它是否使用了$(document).ready，需要什么。

因此，我创建了一个纠正这些问题的示例：http://jsbin.com/iruqe5/edit。