Сообщение AJAX дает мне одно и то же значение и идентификатор для разных входов

Question

Я застрял в этой части ..

Попытка получить простой AjaxPost для отправки некоторых значений из введенного текстового поля ... Но проблема, которую я не могу понять, заключается в том,что он отправляет идентификатор и значение для первого ввода ... и для всех входов .

Javascript code

<script type="text/javascript">
    $(function () {
        $('.hexen1').after('<span class="ui-state-default ui-corner-all ui-icon-disk ui-icon onopordon" onClick="save();" title="Save" style="float:left; height:20px;" onclick="save ()"></span><br />')// ui icon
    .keypress(function() {
        $(this).next('.onopordon').show();//appends ui icon
    });

$('.onopordon').hide().click(function() {
    $(this).hide(); // removes ui icon on click
});

$('.ui-state-default').hover(
    function () { $(this).addClass('ui-state-hover'); },
    function () { $(this).removeClass('ui-state-hover'); } //ui icon hover
);
});

function save() {
  $.ajax({
    url: "Default.aspx",
    type: "POST",
    data: "{ Id: " + $(".hexen1").attr("id") + ", Value: " + $(".hexen1").val() + "}",
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    success: function (data) {
        console.log(data);

        },


});
}
</script> 

html

<div id="besen">
<input class="hexen1" id="A1"/>
<input class="hexen1" id="A2"/>
<input class="hexen1" id="A3"/>
<input class="hexen1" id="A4"/>
<input class="hexen1" id="A5"/>
</div>

Firebug читает:
для входа "A1".. Введенное значение равно 1 ... Результат: { Id: A1, Value: 1}
для входа" A2 ".. Введенное значение равно 2 ... Результат: { Id: A1, Value: 1}
для входа" A3 ".. Введенное значение равно3 ... Результат: { Id: A1, Value: 1}
И т.д. ...

Заранее спасибо

Answer 1

Поскольку у вас есть несколько элементов, которые имеют класс "hexen1", вам нужно будет выполнить итерацию по коллекции элементов, которые соответствуют вашему выражению JQuery $(".hexen1") с использованием оператора foreach. Это даст вам каждый элемент, соответствующий форме вашего объекта, для отправки на сервер, содержащий все элементы формы.