jQuery val() 内部显示 : none

Question

<a href="#addFriend" rel="facebox" title="[+] add <?php echo $showU["full_name"]; ?> as friend">
    <div class="addFriend"></div></A>

<div id="addFriend" style="display:none; margin: auto;">
    <form action="javascript:DoFriendRequest()" method="post">
        <input name="commentFriend" type="text" id="commentFriend" value="" size="22"> 
        <input name="submit" type="submit" id="submit" value="Send">
    </form>
</div>

当我的表单位于这个 jquery lightbox 元素内时，字段 #commentFriend 在 DoFriendRequest 中获得空值

function DoFriendRequest() {
    var wrapperId = '#insert_svar';
    $.ajax({ 
        type: "POST",
        url: "misc/AddFriendRequest.php",
        data: {
            mode: 'ajax',
            comment : $('#commentFriend').val() 
        },
        success: function(msg) {
            $(wrapperId).prepend(msg);
            $('#commentFriend').val("");
        }
    });
}

更新答案

但是当我删除 display:none 时，它就起作用了。我该如何解决这个问题？

Answer 1

对于带有 display:none 的字段，val() 似乎不起作用。

我使用 attr() 绕过此行为:

$('input').attr('value',myNewValue);