動的に作成されたjavascriptでフォームを送信

Question

私は送信ボタンとテキストリンクを使用せずにjavascriptでフォームを送信しようとしています。ただし、このフォームを動的に

<form action="profile.php" method="POST" id="searchResultProfileView1" enctype="multipart/form-data"> 

    <div class="searchResultsFriendInfo"> 

    <p><img class="searchResultsFriendImage" src="<?php print $row['ppPath'] ?>" alt="" ></p> 

    <p class="searchResultsFriendName"><a class="tabLinks" href="" id="linkToProfile1"><?=ucwords($row["firstname"])?> <?=ucwords($row["lastname"])?></a></p> 

    <input type="hidden" name="user_Id" value="<?php print $row["id"] ?>">    

    <p><input type="button" class="searchResultsConnect" value="Connect"></p> 

    </div> 

    </form> 

を次のようにPHPで作成され、

document.observe("dom:loaded", function() 
{ 
    $("linkToProfile1").onclick=submitForm; 

}); 

function submitForm() 
{ 
    $("searchResultProfileView1").submit(); 
} 

を次のように私のJavaスクリプトコードがあるが、私はそうはJavaScriptが私にエラー

を与えてやるしようとするとされsearchResultProfileOpen.js:3Uncaught TypeError: Cannot set property 'onclick' of null

再びこのフォームが動的に作成されたので、javascriptイベントは動的にDOMオブジェクトを正しくリッスンできませんPHPで作成

Answer 1

フォームを動的に作成する場合は、hrefのコードにonClickを指定してみてください。

<a onClick="submitForm();" class="tabLinks" href="" id="linkToProfile1"><?=ucwords($row["firstname"])?> <?=ucwords($row["lastname"])?></a> 

このようにしてdocument.observe()を削除できます。

Answer 2

フォームを動的に作成していません。少なくともJavaScriptによるとは限りません。あなたのWebページでソースを表示して、フォームがnullである理由を調べてみてください。おそらく、HTMLを書くPHPエラー

Answer 3

それは$("#linkToProfile1").onclick=submitForm;と$("#searchResultProfileView1").submit();であるはずですか？