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。如果您的属性是名称，那么它就不起作用。

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并获取F_GCEO_MEETING_DATE name，则纯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);