根据<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。