document.getElementById не работает внутри функции

Question

Я получаю странную проблему при использовании document.getElementById внутри функции. У меня есть форма в модальном окне (Highslide). Пока форма отправляется, я просто вызываю функцию foo.Inside 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? Вы пробовали использовать yname вместо name? (ваш HTML-код содержит input name="name" id="yname").

Answer 3

getElementById должен быть обеспечен id не name атрибута