將文本添加到基於<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>下拉框