Jquery работает только на первом элементе списка из foreach

@Masco · Регистрация: 10.06.2013

Здравствуйте, друзья!
Не знаю как решить следующую задачу:
Есть некий список передаваемых параметров, например, id элемента и значение элемента
Реализуется этот список следующим образом:

C#

@foreach (var item in ViewBag.One)
{
  using (Html.BeginForm())
{
 <input type="hidden" name="value" id ="vals" />      // (это значение будет выставляться в зависимости от того, какая из 3 кнопок нажата)
 <input type="hidden" name="id" value="@item.id" />
 <button   id="1"></button>
 <button   id="2"></button>
 <button   id="3"></button>
}
}

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

Чтобы задать значение в input с именем value я использую jquery:

Javascript

<script>
$("#1").click(function(){
$("#vals").val("1")
});
$("#2").click(function(){
$("#vals").val("2")
});
$("#3").click(function(){
$("#vals").val("3")
});
</script>

Как результат, jquеry работает только на первом элементе списка. Например, если решим нажать на кнопку из 2 или 3 элемента списка, он не передает значение в input с именем vaue.

Подскажите, пожалуйста, как решить данный вопрос.

@Давран · 15.02.2015, 13:03

Masco, может проблема в том, что вы используете несколько одинаковых id на странице

@Masco · 15.02.2015, 13:30 **[ТС]**

Все идентификаторы хранятся в базе, они первоначально являются уникальными. Если я вас просто неправильно понял, поясните, пожалуйста, что за id вы имели ввиду?
Скажите, а есть какая-нибудь надстройка в VS, чтобы сделать дебаг js кода? Почему-то у меня точки останова не работают во View при попытках проверки js.

@Давран · 15.02.2015, 13:36

Masco, На одной странице нельзя использовать два и более DOM объекта с одинаковым id, раз Вы используете цикл, то есть вероятность, что он выведет одинаковые элементы, то-есть такое недопустимо

HTML5

1 2	<div id="some"></div> <input type="hidden" id="some">

Что бы отслеживать работу js, лучше использовать консоль,ctrl+shift+j

Добавлено через 38 секунд
в хроме так вызывается, в остальных не знаю

@Masco · 15.02.2015, 13:56 **[ТС]**

Понятно! Получается, делов-то - сменить id на класс и радоваться жизни.. Спасибо!

@Давран 203 / 152 / 44 Регистрация: 24.11.2013 Сообщений: 1,106
	15.02.2015, 13:03	2
	Masco, может проблема в том, что вы используете несколько одинаковых id на странице 0

@Masco 6 / 6 / 0 Регистрация: 10.06.2013 Сообщений: 27
	15.02.2015, 13:30 [ТС]	3
	Все идентификаторы хранятся в базе, они первоначально являются уникальными. Если я вас просто неправильно понял, поясните, пожалуйста, что за id вы имели ввиду? Скажите, а есть какая-нибудь надстройка в VS, чтобы сделать дебаг js кода? Почему-то у меня точки останова не работают во View при попытках проверки js. 0

@Masco 6 / 6 / 0 Регистрация: 10.06.2013 Сообщений: 27
	15.02.2015, 13:56 [ТС]	5
	Понятно! Получается, делов-то - сменить id на класс и радоваться жизни.. Спасибо! 0

Опции темы