отправка запрос из списка полей ajax
Имеем список полей
<input type='hidden' name='id' id='id' value='"22"'>
<input type='button' value='отослать id' id='button'>
<input type='hidden' name='id' id='id' value='"23"'>
<input type='button' value='отослать id' id='button'>
<input type='hidden' name='id' id='id' value='"24"'>
<input type='button' value='отослать id' id='button'>
.....
$('#button').click(function()
{
//присвоим переменные
var id=$('#id').val();
//отправить данные
$.ajax(
{
url:'add',
type:'POST',
data:'id='+id,
//вернуть результат
}
С одни полем понятно. А если на странице список из полей с разными id Как в данном случае отсылать данные id именно того поля, которое выбрано для отправки кнопкой |
<input type="hidden" id="first" value="22" />
<input type="button" name="first" id="button" value="Отослать" />
// ...
<input type="hidden" id="second" value="23" />
<input type="button" name="second" id="button" value="Отослать" />
// ...
<input type="hidden" id="third" value="24" />
<input type="button" name="third" id="button" value="Отослать" />
// ...
$('#button').click(function() {
var id = $('#'+this.name).val();
// ... Отправка запроса
});
|
тогда ругается
uncaught exception: Syntax error, unrecognized expression: # |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<input type="hidden" id="first" value="22" />
<input type="button" name="first" class="button" value="Отослать" />
<input type="hidden" id="second" value="23" />
<input type="button" name="second" class="button" value="Отослать" />
<input type="hidden" id="third" value="24" />
<input type="button" name="third" class="button" value="Отослать" />
<script>
$('.button').click(function() {
var id = $('#'+this.name).val();
alert(id);
return false;
});
</script>
Вроде никто не ругается. Кнопкам давайте не одинаковый ID, а одинаковый класс. |
| Часовой пояс GMT +3, время: 14:58. |