2013-04-26 7 views
0

Я пытаюсь установить значение скрытого поля ввода так же, как значение щелкнутой ссылки.Как установить значение скрытого поля ввода с помощью 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> 
+0

'API' данных Использовать JQuery для получения' данных- * 'атрибутов, не используйте' атр ('данные - *') ' – Madbreaks

+0

где кнопка ссылки, которые имеют имя класса .delete_link? – rahularyansharma

+0

Осторожно с действием отправки. Даже если триггер щелчка будет поднят, форма будет отправлена, и нет гарантии, что ваше скрытое поле будет иметь установленное значение. Вы должны обработать событие отправки формы, а не щелчок на удаление. – gustavodidomenico

ответ

3

использовать метод Вэл

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

также для атрибутов данных вы можете использовать метод ДАТа

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

ссылки:

+0

Вы отменили исправление 2-го исправления синтаксической ошибки. Почему-то я не мог исправить это сам. –

+0

выглядит как кто-то другой исправил его – house9

1

Для всех элементов формы, которые необходимо использовать .val():

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

Полный пример вам (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; 
    }); 
}); 
Смежные вопросы