jQuery val（）返回空，尽管element.value返回值

Question

我有一个JavaScript问题，有时会出现，有时不会出现（行为不一致）...我可以在Chrome控制台上看到发生问题时的代码：

alert( document.getElementById('F_GCEO_MEETING_DATE').value);

返回值，而代码：

var meetingDate22 = $("input[name='F_GCEO_MEETING_DATE']").val();
alert(meetingDate22);

我在代码中使用的返回空...这个空字符串导致问题...有人可以帮忙吗？

Answer 1

仔细检查您是否没有将#F_GCEO_MEETING_DATE ID分配给多个元素。

确保jQuery已完成初始化，并且#F_GCEO_MEETING_DATE元素已添加到dom中：

$(function(){
    var meetingDate22 = $("input[name='F_GCEO_MEETING_DATE']").val();
    alert(meetingDate22);
});

Answer 2

如果您在上下文下使用代码工作。

alert( document.getElementById('F_GCEO_MEETING_DATE').value);

那是使用id而不是name 。如果您的属性是name，那么它不起作用。

document.getElementsByName('F_GCEO_MEETING_DATE')[0].value)  //is work for your name.

因此，请更正您的代码$("#F_GCEO_MEETING_DATE")而不是$("input[name='F_GCEO_MEETING_DATE']")

此外，如果您将id设置为F_GCEO_MEETING_DATE并获取name的F_GCEO_MEETING_DATE ，纯JavaScript将捕获错误。

Answer 3

尝试这个：

var meetingDate22 = $("input[name=F_GCEO_MEETING_DATE]").val();
alert(meetingDate22);

我认为您不应在名称后使用引号

Answer 4

尝试使用ID代替名称，如下所示：

var meetingDate22 = $("#F_GCEO_MEETING_DATE").val();
alert(meetingDate22);