Перестановка массива в JQuery

Question

У меня есть проблема в настоящее время я сделать следующий

Html

<input type="text" name="Answers[0]" class="ahsan required" ><a href="#">Remove</a> 
<input type="text" name="Answers[1]" class="ahsan required" ><a href="#">Remove</a> 
<input type="text" name="Answers[2]" class="ahsan required" ><a href="#">Remove</a> 
<input type="text" name="Answers[3]" class="ahsan required" ><a href="#">Remove</a> 
<input type="text" name="Answers[4]" class="ahsan required" ><a href="#">Remove</a> 
<input type="text" name="Answers[5]" class="ahsan required" ><a href="#">Remove</a> 

над входами генерируется динамически и, очевидно, если пользователь может добавить строку, то он также может удалить строку, но если он удалить строку из центра и отправить форму Я не могу получить все текстовые поля в массиве. Теперь я хочу, чтобы, когда я нажимаю на удаление любого текстового поля, тогда текстовое поле удаляется, а все оставшиеся текстовые поля должны быть переупорядочены. Могу ли я сделать это, пожалуйста, помогите мне. Заранее спасибо

Answer 1

если yo're не использовать его числовые индексы для других целей, просто попробуйте удалить их из названия, имеющие строки как

<input type="text" name="Answers[]"... 

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

в противном случае каждый раз, когда вы обновляете использовать DOM-то вроде

$(".ahsan").each(function(i){ 
    $(this).attr({name : "Answer[" + i + "]"}); 
}) 

Answer 2

function reArrangeItems(){ 
    var i = 0; 
    $(".ahsan").each(function(){ 
     $(this).attr({name : "Answer[" + (i++) + "]"}); 
    }) 
} 

вызова этой функции после вставки и удаления