将文本添加到基于<selection>下拉框

我有一张表，我想用数据填充，因为用户使用表单进行选择。最终它将增加tco电池的成本。将文本添加到基于<selection>下拉框

<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 [email protected] tr.cl1 td.tcl是正确的，因为我可以使用该路径更改样式。

来源

2011-05-27 dmgd

那么，你的问题是什么？ – Blender 2011-05-27 23:13:24

很确定他想知道为什么值没有设置为td的文本。 – 2011-05-27 23:21:04

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

嗯，首先：

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

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

来源

2011-05-28 00:00:37

谢谢是的，我在提交问题后注意到了双引号。我只显示部分代码，并且代码确实看起来像您的示例代码。方式酷示例BTW – dmgd 2011-05-28 14:20:40

问题是我正在加载旧版本的JS代码。链接到正确的js文件后，所有工作都按计划进行。我感到非常沮丧，并要求作为最后的手段，并在几个小时后寻找它不起作用的原因。再次感谢。 – dmgd 2011-05-28 14:22:59

将文本添加到​​基于<selection>下拉框

回答

相关问题

将文本添加到基于<selection>下拉框