関数内でdocument.getElementByIdが機能しない

Question

document.getElementByIdを関数内で使用しているときに奇妙な問題が発生しています。 モーダルウィンドウ（Highslide）にフォームがあります。フォームが送信されている間、私は関数fooを呼び出しています。fooの中で、フォーム要素をIDで選択するのはdocument.getElementByIdです。しかし、値を提示せず、ただデフォルト値を返します。 jQuery htmlを試しましたが、動作しません。

私のコード

function foo(){ 
    var name = document.getElementById('yname').value; 
    // it just returns default value(null). 
} 

<form onsubmit="return foo();">.......</form> 

これらのことは、Wordpressのテーマで起こっています。

Working location

Modal form is existing here

Answer 1

あなたは、ページ上の任意の場所に

id="name" 

を持っていない

Answer 2

（ライブコードを見てみると）であることと、フォームフィールドをつかむしようとする試みidはyname？ nameの代わりにynameを試しましたか？ （あなたのHTMLにはinput name="name" id="yname"が含まれています）。

Answer 3

getElementByIdはないname属性