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

我正在嘗試將隱藏的輸入字段的值設置爲與點擊鏈接的值相同。如何使用Jquery設置隱藏輸入字段的值？

這是我嘗試它不工作：

$(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>

來源

2013-04-26 crm

使用jQuery的'用於檢索數據 - ''*屬性，不使用'ATTR（ '數據 - *'）API'' – Madbreaks 2013-04-26 16:24:25

這裏是鏈接按鈕，它具有類的名稱.delete_link？ – rahularyansharma 2013-04-26 16:24:42

小心提交操作。即使點擊觸發器被觸發，表單也會被提交，並且不保證您的隱藏字段將設置值。您應該處理表單的提交事件而不是刪除點擊。 – gustavodidomenico 2013-04-26 16:30:17

使用VAL方法

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

也爲數據的屬性，你可能要使用的數據的方法

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

鏈接：

來源

2013-04-26 16:24:53 house9

您已經覆蓋了第二個編輯對語法錯誤的更正。不知何故，我無法自己糾正它。 – 2013-04-26 16:28:50

看起來像別人修復它 – house9 2013-04-26 17:21:39

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

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

來源

2013-04-26 16:24:58 VisioN

你一個完整的例子（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; 
    }); 
});

來源

2013-04-26 16:36:00 gustavodidomenico

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

回答

相關問題