Взять значение конкретного поля в множестве одинаковых

@PeoneEr · Регистрация: 14.01.2013

Студворк — интернет-сервис помощи студентам

Привет!
Есть у меня такая задачка. Необходимо взять значение конкретного input type=hidden поля среди множества таких полей. Все эти hidden поля имеют одинаковое имя, но разные значения. Кнопка, по которой необходимо взять значение имеет класс .deleteRecord.
Вот и нужно мне взять значение поля по нажатию на кнопку. Но, как?

@ask66 · 25.01.2013, 10:42

JavaScript
1
2
3
4
$(document).ready(function(){
           $('.deleteRecord').click( function{
              $('#text').text($(this).val());});
            });

По клику на .deleteRecord выводит value в div с идентификатором text (див надо прописать хтмл).

@PeoneEr · 25.01.2013, 11:13 **[ТС]**

Структура у сего дела такая:

HTML5
1
2
3
4
5
6
7
8
9
10
11
<p>
Пароль <b>@P,63,nMEn@1 </b> сгенерирован для сайта <b>111</b>. Дата создания <b>0000-00-00 00:00:00</b>. <input type="hidden" name="id" value="1" />
<div class="btn-group">
    <a class="btn" href="#"><i class="icon-tasks"></i> Действие</a>
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
    <ul class="dropdown-menu">
        <li><a href="#"><i class="icon-pencil"></i> Редактировать</a></li>
        <li><a href="#" class="deleteRecord"><i class="icon-trash"></i> Удалить</a></li>
    </ul>
</div>
</p>

Вряд ли я через $(this) возьму значение. Но сейчас попробую.

Добавлено через 16 минут
Как я и предполагал, не получается. Возвращается же значение текущего элемента, в данном случае кнопки с классом .deleteRecord
Надо как-то по-другому идти.

Добавлено через 6 минут
Хотя, идея оказалась не лишена смысла. Выкрутился, может быть коряво, но выкрутился. Сделал id у <a href="#"> и беру его. Спасибо.

@ask66 · 25.01.2013, 11:22

Я думал нужно вывести значение инпута по клику на него же. Присвойте инпуту класс, например nn. Тогда:

JavaScript
1
2
3
4
$(document).ready(function(){
           $('.deleteRecord').click( function{
              $('#text').text($('.nn').val());});
            });

А для "спасибо" кнопочка есть специальная

.

@PeoneEr · 25.01.2013, 11:23 **[ТС]**

Сообщение от ask66

Я думал нужно вывести значение инпута по клику на него же. Присвойте инпуту класс, например nn. Тогда:

JavaScript
1
2
3
4
$(document).ready(function(){
           $('.deleteRecord').click( function{
              $('#text').text($('.nn').val());});
            });

А для "спасибо" кнопочка есть специальная

.

Если сделать так, с присвоением класса, то всегда будет выводиться только самое первое значение со страницы.

@ask66 · 25.01.2013, 11:29

Давайте разбираться. Что именно надо возвратить и куда?

@Mullih · 25.01.2013, 11:31

JavaScript
1
2
3
4
5
jQuery(function($){
    $('.deleteRecord').click(function () {
        alert($('[name="id"]', $(this).closest('.btn-group').prev()).val());
    });
});

это ссылки на closest() и на prev()

@PeoneEr · 25.01.2013, 11:33 **[ТС]**

Сообщение от ask66

Давайте разбираться. Что именно надо возвратить и куда?

Вообще, надо значение из input'a в будущем отправить аяксом на рассмотрение пыху. Поэтому и логично, что взять надо конкретно то значение поля input, на котором была нажата кнопка.

@ask66 · 25.01.2013, 11:45

А сколько будет полей ввода?

@PeoneEr · 25.01.2013, 13:17 **[ТС]**

Сообщение от ask66

А сколько будет полей ввода?

Полей ввода там нет. Есть input типа hidden, с именем id и значением, которое записывается из базы (тот код, что я скидывал выше, это одна запись, есть еще n штук, похожих на эту, но с разными значениями input'a). Вот из всех полей надо выбрать одно единственное и взять его значение.
Задумка состоит в удалении записи из базы аяксом, для этого надо пых методу передать параметр.

@ask66 · 25.01.2013, 14:58

Если разные данные вводятся в разные инпуты, ну идентифицируйте каждый инпут с помощью класса или идентификатора. И обращайтесь к нужному через этот атрибут.

@PeoneEr · 25.01.2013, 15:56 **[ТС]**

Хехе. Вероятно, я не совсем точно объяснил.
Множество инпунтов генерируются с помощью пыха, если я буду вручную обращаться к какому-либо элементу, представляете, что будет?
Вкратце ситуация такая:
Страница, на неё генерируются какие-то данные. Есть

PHP
1
<input type="hidden" name="id" value="<?=$data['id']; ?>" />

Соответственно этих <?=$data['id']; ?> будет столько, сколько в базе есть записей. А если их сотни? Вот поэтому и надо было найти способ добраться до нужной мне. В общем-то я его уже давно нашел, хоть и не совсем корректно, как я думаю.

@Mullih · 25.01.2013, 16:34

а чем вам мой способ не подходит?

Взять значение конкретного поля в множестве одинаковых

@PeoneEr · 25.01.2013, 16:36 **[ТС]**

Сообщение от Mullih

а чем вам мой способ не подходит?

Взять значение конкретного поля в множестве одинаковых

Вопрос то уже решен. Развивается дискуссия непонятно относительно чего.

@Soldado · 25.01.2013, 16:40

Задача решена, но с ошибками
Для начала нужно чтобы генерировался правильный код.
У Вас <div class="btn-group"> вставлен в абзац р

Не все блочные теги допустимо вкладывать один в другой, поэтому при создании структуры кода активную роль выполняет <div> как универсальный кирпичик вёрстки. Тег <div> допустимо вкладывать один в другой, другие блочные элементы также можно помещать внутрь <div>.

http://htmlbook.ru/samlayout/blochnaya-verstka/blochnye-elementy
Уберите абзацы. Пусть будет просто много блоков без абзацев (можно всё в дивы помещать):

HTML5
1
2
3
4
5
6
7
8
9
10
11
<div>
Пароль <b>@P,63,nMEn@1 </b> сгенерирован для сайта <b>111</b>. Дата создания <b>0000-00-00 00:00:00</b>. <input type="hidden" name="id" value="1" />
<div class="btn-group">
    <a class="btn" href="#"><i class="icon-tasks"></i> Действие</a>
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
    <ul class="dropdown-menu">
        <li><a href="#"><i class="icon-pencil"></i> Редактировать</a></li>
        <li><a href="#" class="deleteRecord"><i class="icon-trash"></i> Удалить</a></li>
    </ul>
</div>
</div>

А затем универсальный скрипт: в котором при клике по элементу находим ближайший родительский див (closest('div')), а затем input, который идёт перед этим дивом prev() и затем value val() этого инпута.

JavaScript
1
2
3
4
5
6
7
8
9
<script type="text/javascript">
$(document).ready(function(){
 $('.deleteRecord').click( function(){
              var optionVal=$(this).closest('div').prev().val();
             alert(optionVal);
              
            }); 
 });/*end  ready*/
 </script>

Потом значение можно передавать или выводить как на демо-странице - кликать "удалить"

@PeoneEr · 25.01.2013, 16:43 **[ТС]**

Сообщение от Soldado

Для начала нужно чтобы генерировался правильный код.
У Вас <div class="btn-group"> вставлен в абзац р

http://htmlbook.ru/samlayout/blochnaya-verstka/blochnye-elementy
Уберите абзацы. Пусть будет просто много блоков без абзацев (можно всё в дивы помещать):

HTML5
1
2
3
4
5
6
7
8
9
10
11
<div>
Пароль <b>@P,63,nMEn@1 </b> сгенерирован для сайта <b>111</b>. Дата создания <b>0000-00-00 00:00:00</b>. <input type="hidden" name="id" value="1" />
<div class="btn-group">
    <a class="btn" href="#"><i class="icon-tasks"></i> Действие</a>
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
    <ul class="dropdown-menu">
        <li><a href="#"><i class="icon-pencil"></i> Редактировать</a></li>
        <li><a href="#" class="deleteRecord"><i class="icon-trash"></i> Удалить</a></li>
    </ul>
</div>
</div>

А затем универсальный скрипт: в котором при клике по элементу находим ближайший родительский див (closest('div')), а затем input, который идёт перед этим дивом prev() и затем value val() этого инпута.

JavaScript
1
2
3
4
5
6
7
8
9
<script type="text/javascript">
$(document).ready(function(){
 $('.deleteRecord').click( function(){
              var optionVal=$(this).closest('div').prev().val();
             alert(optionVal);
              
            }); 
 });/*end  ready*/
 </script>

Потом значение можно передавать или выводить как на демо-странице

Про абзацы понятное дело. А когда, я так понимаю, уже предлагали такой. Думаю, надо переделать под такой вариант.
Всем спасибо за участие в теме.

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

@PeoneEr 1 / 1 / 0 Регистрация: 14.01.2013 Сообщений: 18

	Взять значение конкретного поля в множестве одинаковых 25.01.2013, 09:25. Показов 4867. Ответов 15 Метки нет (Все метки) Привет! Есть у меня такая задачка. Необходимо взять значение конкретного input type=hidden поля среди множества таких полей. Все эти hidden поля имеют одинаковое имя, но разные значения. Кнопка, по которой необходимо взять значение имеет класс .deleteRecord. Вот и нужно мне взять значение поля по нажатию на кнопку. Но, как? 0

@ask66 53 / 53 / 8 Регистрация: 20.11.2012 Сообщений: 114
	25.01.2013, 11:29
	Давайте разбираться. Что именно надо возвратить и куда? 0

@ask66 53 / 53 / 8 Регистрация: 20.11.2012 Сообщений: 114
	25.01.2013, 11:45
	А сколько будет полей ввода? 0

@ask66 53 / 53 / 8 Регистрация: 20.11.2012 Сообщений: 114
	25.01.2013, 14:58
	Если разные данные вводятся в разные инпуты, ну идентифицируйте каждый инпут с помощью класса или идентификатора. И обращайтесь к нужному через этот атрибут. 0

@Mullih 92 / 71 / 8 Регистрация: 05.08.2012 Сообщений: 138
	25.01.2013, 16:34
	а чем вам мой способ не подходит? Взять значение конкретного поля в множестве одинаковых 0