document.getElementById在函数内部不起作用

Question

在函数中使用document.getElementById时遇到一个奇怪的问题。 我在模态窗口中有一个表单（Highslide）。在表单提交时，我只是调用函数foo.Inside foo我只是使用document.getElementById按ID选择表单元素。但是没有现值，只返回默认值。 我尝试过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

（查看实时代码）是否尝试使用yname的 id 获取表单字段？您是否尝试过使用yname代替name？ （您的HTML包含input name="name" id="yname"）。

Answer 2

你没有

id="name" 

页面上的任何地方

Answer 3

getElementById应提供id而不是name属性