0

我有一张带有 jQ​​uery UI 提前输入功能的表格。当只有 1 个表格行（初始视图）时，它正在使用我的表单。有一个按钮允许用户根据需要创建额外的表格行，但对于任何额外的表格行，提前输入功能不再起作用。

我已经设置了一个示例 JSFiddle：

http://jsfiddle.net/fmdataweb/9REgZ/1/

如果您开始在第一个字段中输入 - 活动类型 - 您应该开始获取可以选择的匹配词列表（风险选择菜单也会根据输入的活动自动输入）。预输入列表和自动选择都适用于第一行，但是当您单击“新行”按钮时，它们会停止对任何新创建的行起作用。

感谢有人能指出什么是破坏以及如何解决它 - 我在这个阶段是 Javascript 的新手。

4

1 回答 1

1

这里有一些东西可以帮助你前进。当您创建一个新行时，您必须调用该autocomplete()方法来初始化该字段。

以下是一些相关代码：

$( '#nextYear' ).on( 'click', '#button2', function () {
    var row = $( this ).closest( 'tr' );

    row = row.clone().insertAfter( row );

    row.find( 'input[name="activity"]' ).val( '' ).attr(

      'id', "nextYearSelect" + ( row.index() + 1 )

    ).autocomplete({
        source: availableTags
    });    

});

确保您不会id在不同元素上得到重复的属性值。

于 2012-08-15T02:48:34.453 回答