您的html无效与这些重复的ID。我试图同时解决你所要求的和重复的ID问题。它应该给你一个解决方案的良好开端,如果不是直接开箱即用。
编辑答案
if (fromObject == null) fromObject = primaryTable;
var id = fromObject+"_"+toObject;
// don't append to the DOM until the last second, i moved tr.appendTo() to the end
var uniqueIdIndex = $("tr[id^='"+id+"_tr'").length +1; // get a unique index
// the idea of cloning HTML and appending it takes some getting used to, but makes it easy to change and maintain. don't let it throw you
// all this cloning stuff is to get you some Unique Ids.
var masterTR = $('<tr id="'+id+'_tr_'+uniqueIdIndex+'"></tr>');
var masterTD = $('<td width="20%"></td>');
var masterDD = $('<select type="text" style="width:100%"></select>');
var masterCI = $('<input style="width:100%" type="text" value="" readonly></input>');
// grab a default drop down, set the name, ID and value
var currentInput = masterDD.clone().attr({"name":"from_object","id": id+"_from_object_"+uniqueIdIndex,"value":""});
var tr = masterTR.clone(); // get a Row
tr.append(masterTD.clone().append(currentInput)); // clone a td, append the input, and append that to the row
// grab a default drop down, set the name, ID and value
currentInput = masterDD.clone().attr({"name":"to_object","id": id+"_to_object_"+uniqueIdIndex,"value":""});
tr.append(masterTD.clone().append(currentInput));
currentInput = masterCI.clone().attr({"name":"from_column","id": id+"_from_column_"+uniqueIdIndex,"value":""});
tr.append(masterTD.clone().append(currentInput));
currentInput = masterCI.clone().attr({"name":"to_column","id": id+"_to_column_"+uniqueIdIndex,"value":""});
tr.append(masterTD.clone().append(currentInput));
currentInput = masterDD.clone().attr({"name":"join_type","id": id+"_join_type_"+uniqueIdIndex,"value":""});
tr.append(masterTD.clone().append(currentInput));
tr.appendTo($("#joins"));
//optionally, find the most recently added from_column "select[name='from_column']"
var combo3 = $("[id^='"+id+"_from_column]", "#joins").filter(":last");
旧答案
如果(fromObject == NULL)fromObject = primaryTable; var id = fromObject +“_”+ toObject; var tr = $('')。appendTo($(“#joins”));
tr.append('<td width=20%><select style="width:100%" type="text" name="from_object" id="'+id+'from_object" value=""></select></td>');
tr.append('<td width=20%><select style="width:100%" type="text" name="to_object" id="'+id+'to_object" value=""></select></td>');
tr.append('<td width=20%><input style="width:100%" type="text" name="from_column" id="'+id+'from_column" value="" readonly></td>');
tr.append('<td width=20%><input style="width:100%" type="text" name="to_column" id="'+id+'to_column" value="" readonly></td>');
tr.append('<td width=20%><select style="width:100%" type="text" name="join_type" id="'+id+'join_type" value=""></select></td>');
var combo3 = $("#"+id+"from_object");
名称看起来不一样。 – ShankarSangoli
你的问题是什么?如果你想选择一个名字为'from_object'的选择,那么你已经钉了它。它总是选择第一个的原因是因为它总是第一个?根据您的反馈, –