Как отправить идентификатор каждого элемента из формы Ajax в действие?

Question

Мне нужно, что пункт я нажимаю, чтобы отправить его Id в GetProduct() действий. Я использовал hidden элемент, но он не работает:

@using (Ajax.BeginForm("GetProduct", "Product", new AjaxOptions { UpdateTargetId = "getProductResult" }, new { id = "productForm" })) 
    { 
     foreach (var item in list) 
     { 
     <a href="#" onclick="$('#productForm').trigger('submit');">@item.Name</a> 

     //this hidden always send '1', but I want to send item's Id 
     <input type="hidden" id='product_@(item.Id)' name ="id" value="@item.Id" /> 
     } 

    <noscript> 
     <input type="submit" id="sendButton" /> 
    </noscript> 
    } 

Где моя не так? Как я могу отправить Id?

Answer 1

скрытый ввод имеет имя «id» и он добавляет количество циклов времени в цикл. Следовательно, это не сработает.

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

<a href="#" 
    rel="@(item.id)" 
    onclick="$('#id').val($(this).attr('rel')); ('#productForm').trigger('submit');"> 
@item.Name 
</a> 

ввода кода OnClick в отдельной функции будет :) хотя предпочитали

Проверить это Fiddler

Answer 2

Попробуй это .

foreach (var item in list) 
    { 
    @using (Ajax.BeginForm("GetProduct", "Product", new AjaxOptions { UpdateTargetId = "getProductResult" }, new { })) 
     { 
    <a href="#" class="anchor" >@item.Name</a> 

    //this hidden always send '1'. 
    <input type="hidden" id='product_@(item.Id)' name ="id" value="@item.Id" /> 


     <noscript> 
     <input type="submit" id="sendButton" /> 
    </noscript> 
    } 
    } 



<script> 
$(function(e){ 
$('.anchor').click(function(e){ 
    //get the parent form. 
    var parentform= $(this).parents('form:first'); 
    parentform.submit(); 

    }); 
}); 
</script>