将php函数分配给动态创建的对象

时间:2013-04-03 16:28:19

标签: php javascript function append inheritance

我有一个php函数,它自动填充我的websit的输入,我通过jquery调用它。

<script type="text/javascript">     
    jQuery(document).ready(function(){                      
        $('#concept_input').autocomplete({source:'search_Concept.php', minLength:1});   
    });

另一方面,我有一个javascript函数,它在原始函数下添加一个新输入。

function addRow(tableID) {

            var table = document.getElementById(tableID);
            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);


            var cell3 = row.insertCell(0);
            var element3 = document.createElement("input");
            element3.type = "text";
            element3.id = "concept_input"
            element3.name = "concept_input";

            cell3.appendChild(element3);
}

我的问题是我找不到将php函数传递给使用javascript创建的新输入的方法 我希望有人可以帮助我,谢谢!

1 个答案:

答案 0 :(得分:1)

ID应该是唯一的。

我会这样做(我的更改注释了注释):

function addRow(tableID) {

        var table = document.getElementById(tableID);
        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);

        //determine the existing inputs with the name concept_input
        var inputs = $('input[name="concept_input"]')

        var cell3 = row.insertCell(0);
        var element3 = document.createElement("input");
        element3.type = "text";

        //give the item a unique ID
        element3.id = "concept_input_" + inputs.length  
        element3.name = "concept_input";

        cell3.appendChild(element3);

         //use jQuery to add the autocomplete, just like you do at document ready.
         $('#concept_input_' + inputs.length).autocomplete({source:'search_Concept.php', minLength:1});
}