我已经阅读了我能找到的关于这个主题的每一篇文章,并尝试了许多“解决方案”,但它似乎对我不起作用。
$(function () {
var options = {
source: [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
],
minLength: 2
};
$('#btn_addline').on ("click", function () {
// get existing line number and increment by one
var linenum = parseInt ($('#numlines').val()) + 1;
// update hidden numlines field with new value
$('#numlines').val(linenum);
// define new field names
var line_field = 'report['+linenum+'][line]';
var notes_field = 'report['+linenum+'][notes]';
var contact_field = 'report['+linenum+'][contact]';
var newLine = $('<tr> \
<td><input name="'+line_field+'" id="'+line_field+'" type="text" size="2" maxlength="2" class="form" value="'+linenum+'" readonly="readonly" /></td> \
<td><input name="'+notes_field+'" id="'+notes_field+'" type="text" size="96" maxlength="256" class="form" /></td> \
<td><input name="'+contact_field+'" id="'+contact_field+'" onFocus="attach_autocomplete()" type="text" size="32" maxlength="32" class="form" value="test123" /></td> \
</tr>');
// append new line to table
//$('#report_items').append(newLine);
$('#report_items').append(newLine)
.hide()
.fadeIn('Normal', function() {
$(this).find('#'+contact_field).val('test');
//alert ($(this).find('#'+contact_field).val());
alert (contact_field);
alert ($('#'+contact_field).val());
});
//$('#'+contact_field).autocomplete(options);
});
});
新的 HTML 已正确附加,但我无法访问这些元素。我在整个网站上尝试了各种建议,现在很沮丧,希望能得到一些帮助。
第三个警报 - alert ($('#'+contact_field).val());
- 返回“未定义”。
需要明确的是,我已经彻底浏览了类似问题的列表,但还没有找到解决方案。我很可能遗漏了一些明显的东西,或者我不太了解附加元素之间的关系以及它对 DOM 的影响,但无论如何我真的可以在这里使用手。
干杯。