0

動的に作成された行でオートコンプリートを読み込むことができません。関数の呼び出し時に新しい行をテーブルに追加したいのですが、動的に作成された行にはオートコンプリート機能が必要です。行を追加できますが、オートコンプリートが機能しません。

function add_row(a) {
    count++;
    jQuery('#member').append('<tr id="row_' + counter + '"><td width="5%"align="center"    valign="middle" bgcolor="' + bgc + '">' + counter + '</td><td width="30%" bgcolor="' + bgc + '"><input name="parti_name[]" type="text" id="parti_name_' + counter + '" size="30" /><input type="hidden" name="cr_ac[]" id="cr_ac_' + counter + '" /></td><td width="20%" align="center" bgcolor="' + bgc + '"><input type="text" name="amount[]" id="amount_' + counter + '" class="am" onkeyup="calculateSum()" onchange="add_row()"/></td><td width="40%" align="center" bgcolor="' + bgc + '"><input name="narration[]" type="text" id="narration_' + counter + '" size="48" /></td><td width="5%" align="center" valign="middle" bgcolor="' + bgc + '"><img src="<?php echo base_url('images/the_delete_icon.png') ?>" width="16" height="16" /></td></tr>');
    counter++;
    jQuery("#parti_name_'+count+'").autocomplete({
        source: function (req, response) {
            $.ajax({
                url: "<?php echo site_url('search'); ?>",
                dataType: "json",
                success: function (data) {
                    var re = $.ui.autocomplete.escapeRegex(req.term);
                    var matcher = new RegExp("^" + re, "i");
                    response($.grep(data, function (item) {
                        return matcher.test(item.label);
                    }));
                }
            });
        },
        minLength: 2,
        select: function (event, ui) {
            event.preventDefault();
            $('#parti_name_' + count + '').val(ui.item.label);
            $('#cr_ac_' + count + '').val(ui.item.value);
        }

    });
}

私は自分のページの冒頭でこれを使用しています:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/ui-darkness/jquery-ui.css" media="screen"></link>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
4

1 に答える 1

2

連結にエラーがある可能性があります。次の行を正しい連結に置き換えて、試してください。 

jQuery("#parti_name_'+count+'")

に 

jQuery("#parti_name_"+count)
于 2013-07-27T05:57:43.267 に答える