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。

嗯，首先：

你的HTML错了。您需要关闭代码tbody。
类""childname"中还有两个引号，它们进一步破坏了HTML。
您需要在文档准备好后运行jQuery代码。我不知道你的完整代码是否有它，因为你没有说清楚它是否正在使用$(document).ready，需要什么。

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

根据<selection>下拉列表</selection>添加文本

1 个答案: