Как правильно отправить значение input?

Question

[Al Sm]

Здравствуйте. С JS и AJAX только начинаю знакомиться и потихоньку практикуюсь. Столкнулся с такой проблемой.

$('#remove').click(function (e) {
            var id = $('?').val();
                $.ajax({
                    type: "POST",
                    url: "/remove.php",
                    data: id,
                    dataType: "script",
                    cache: false,
                    success: function (data) {
                        alert(data);
                    }
                });
              e.preventDefault();
        });

Из БД таблицу заполняется 10 значений:

<?
        foreach($result as $v){
        ?>
            <tr>
                <td><?=$v['date'];?></td>
                <td><?=$v['stock'];?></td>
                <td><?=$v['deal'];?></td>
                <td><?=$v['amount'];?></td>
                <td><?=$v['mode'];?></td>
                <td>
                    <button id="remove" class="btn btn-info glyphicon glyphicon-remove-sign">
                        <input value="<?=$v['id'];?>" type="hidden">
                    </button>
                </td>
</tr>

В последней ячейки, хочу сделать кнопку, которая бы отправляла id строки в БД и впоследствии строка удалялась.

Как правильно это сделать? Как, что и каким образом отправить в php, чтобы распознать id этой строки. Также проблема с id, получается он 10 раз дублируется, а должен быть уникальным на странице. В общем, не знаю как быть, как реализовать.
Заранее, всем большое спасибо за внимание и помощь!

Comments

[ой всё]

а зачем вы засунули инпут в баттон?

[Al Sm]

чтобы скрыть значение input.

[ThunderCat]

Александр Смирнов, это гениально ) Просто то что значение input hidden в современном мире слежки и давления спец. служб недостаточно ). we_go_deeper.jpg

[Al Sm]

ThunderCat, я просто реализовал, что первое в голову пришло :)

[ой всё]

Александр Смирнов, вам может доки покурить?

[Al Sm]

AnneSmith,

Answer 1

[ThunderCat]

JS

$('.remove').click(function (e) {
            var id = $(this).data(id).id;
                $.ajax({
                    type: "POST",
                    url: "/remove.php",
                    data: {'id':id},
...

PHP
$id = $_POST['id'] ;
HTML

<button class="btn btn-info glyphicon glyphicon-remove-sign remove" data-id="<?=$v['id'];?>">
</button>

Пишу по памяти, возможно где-то мелкие огрехи.

Comments

[Al Sm]

дело в том, что получается 10 таких кнопок с одинаковым id=remove и js не срабатывает.

[Al Sm]

Работает на первой строке в таблице, а на остальных не срабатывает, из за того, что id повторяются.

[ThunderCat]

Александр Смирнов, а, это да, поправил ответ

[Al Sm]

ThunderCat, огромное Спасибо! Все работает! :)