如何使用Jquery設置隱藏輸入字段的值？

Question

我試圖將隱藏輸入字段的值設置為與單擊鏈接的值相同。

這是我嘗試的不起作用：

$(document).ready(function(){
$(".delete_link").click(function(){
        var deleteID = $(this).attr("data-value"); 
        $("#delete_value").attr("value") = deleteID;
    });
});

正確設置了變量deleteID 。

以及參考表格：

<form name="delete_form" action="delete_post.php" method="POST">
    <p>Please confirm you want to delete this post.</p>
    <input type="submit" id="delete_submit" name="delete_submit" value="confirm" />
    <input type="hidden" id="delete_value" value="" />
</form>

Answer 1

使用val方法

$("#delete_value").val(deleteID);

同樣對於數據屬性，您可能想使用數據方法

$(this).data('value');

鏈接：

• http://api.jquery.com/val/
• http://api.jquery.com/data/

Answer 2

對於所有表單元素，您需要使用.val() ：

$("#delete_value").val(deleteID);

Answer 3

您的完整示例（ http://jsfiddle.net/79HEY/ ）：

HTML

<form id="deleteform" action="delete_post.php" method="POST">
    <p>Please confirm you want to delete this post.</p>
    <input type="submit" data-id="100" id="delete_submit" name="delete_submit" value="confirm" />
    <input type="hidden" id="delete_value" value="" />
</form>

JavaScript的

$(document).ready(function(){
    $("#deleteform").submit(function(){
        var deleteID = $("#delete_submit").data("id");
        $("#delete_value").val(deleteID);
        return true;
    });
});