リストを送信する前に、ユーザーがアイテムのリストを構成できる Web サイトがあります。各項目は、カスケード コンボボックスの行で表されます (各選択により、次のコンボ ボックスで可能な値が更新されます)。
ユーザーは、必要な数の項目を追加し、構成してから送信できます。
追加操作を行うには、次のような JavaScript 関数があります。
function newAction() {
// Get value of index so we can form our ids
var index = $("#ItemTable").find("#Item").length;
//copy the table row
var newItemRow = $("#Item:last-of-type").clone(true);
// Update all of the ids
var rowTextBefore = newItemRow.html();
var rowText = rowTextBefore.replace("[" + index - 1 + "]", "[" + index + "]");
newItemRow.html(rowText);
// Append the row to the end of the table
$("#ItemTable").append(newItemRow);
}
これはすべてうまくいっています。
しかし、カスケード コンボボックスを有効にするために、行ごとに生成される jQuery がたくさんあります。次のようになります。
jQuery(document).ready(function(){
jQuery('#Items[0]_Name').tComboBox({highlightFirst:false,
cascadeTo:'Items[0]_Accessories', data:[{...data here...]});
jQuery('#Items[0]_Accessories').tComboBox({highlightFirst:false,
// etc.
}
動的に追加された行がカスケード コンボボックスも実装するように、ドキュメント要素と一緒にこの内容を複製するにはどうすればよいですか?