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);