2

Web ページに新しいフォーム要素を作成するための Javascript 関数があります。関数は onclick イベントによって呼び出されます。

onclick イベントなしで関数を実行する方法がわかりません。フォーム要素を事前設定するためのコンテンツを生成する Python コードがあるため、これを行う必要がありますが、Javascript を使用してフォーム要素を動的に追加および削除できるようにしたいと考えています。

Javascript 関数:

    pcount = 0;
    createinputprice =function (){
        field_area = document.getElementById('pricetable');
        var tr = document.createElement("tr");
        var cella = document.createElement("td");
        var cellb = document.createElement("td");
        var input = document.createElement("input");
        var input2 = document.createElement("input");
        input.id = 'descprice'+pcount;
        input2.id = 'actprice'+pcount;
        input.name = 'descprice'+pcount;
        input2.name = 'actprice'+pcount;
        input.type = "text";
        input2.type = "text";
        cella.appendChild(input);
        cellb.appendChild(input2);
        tr.appendChild(cella);
        tr.appendChild(cellb);
        field_area.appendChild(tr);
        //create the removal link
        var removalLink = document.createElement('a');
        removalLink.onclick = function(){
            this.parentNode.parentNode.removeChild(this.parentNode)
        }
        var removalText = document.createTextNode('Remove Field');
        removalLink.appendChild(removalText);
        tr.appendChild(removalLink);
        pcount++
    }

HTML:

<table id="pricetable">
</table>
<a href='#' onclick="createinputprice()">Add Price</a>
<script type="text/javascript">
    createinputprice();
</script>

onclick イベントは JSFiddle で正常に機能しますが、関数を直接呼び出すとまったく機能しません。

4

3 に答える 3

6

「onload」イベントを使用してタグに入れることができます：

<body onload='yourfunction()'>

または単にjQueryを使用します：

$(document).ready(function() {
    yourFunc();
});
于 2013-09-26T13:40:36.713 に答える
1

I suppose you could use <body onload="yourfunction()"> you also should look into http://www.w3schools.com/js/js_htmldom_events.asp.

As you can see there are quite a few events available in javascript one should allways pick the right tool(event) for doing the work.

于 2013-09-26T13:43:14.180 に答える
1

If you want to call jquery function on Page load: you can use $(document).ready(function(){});

For example:

Jquery- 

<script type="text/javascript">
    $(document).ready(function(){
       createinputprice();
    });
 </script>

and you can also fire the click event in Jquery:

HTML-

<a id="myLink" href='#' onclick="createinputprice();">Add Price</a>

Jquery- 

 <script type="text/javascript">
     $(document).ready(function(){
          $('#myLink').click();
     });
 </script>
于 2013-09-26T13:43:21.893 に答える