Не правильно меняется значение в поле input?

Question

[Андрей]

Добрый день!
Столкнулся с такой проблемой,точнее заметил на сайте.
У меня есть после

<a id="<? echo $arItemIDs['QUANTITY_DOWN']; ?>" href="javascript:void(0)" class="bx_bt_button_type_2 bx_small att_callm" rel="nofollow">-</a>
			<input type="text"  min="1"  class="bx_col_input" id="<? echo $arItemIDs['QUANTITY']; ?>" name="<? echo $arParams["PRODUCT_QUANTITY_VARIABLE"]; ?>" value="<? echo $arItem['CATALOG_MEASURE_RATIO']; ?>">
			<a id="<? echo $arItemIDs['QUANTITY_UP']; ?>" href="javascript:void(0)" class="bx_bt_button_type_2 bx_small att_callp" rel="nofollow">+</a>

Которые отвечают за количество

Я с помощью js хочу менять эти значения и потоп при нажатии кнопки получать
есть примерно кнопка:

button  class="btn btn-primary btn-lg my_basket_call" data-offer-id id="<?=$arItem['ID']?>" data-toggle="modal" data-target="#myModal">Получить значение</button>

есть код на js который отвечает за изменение значений:

$('.att_callp').click(function(){
			$('.bx_col_input').val( +$('.bx_col_input').val() +1);
			$('.bx_col_input').click();
		});
		$('.att_callm').click(function(){
			$('.bx_col_input').val((+$('.bx_col_input').val() <= $('.bx_col_input').prop('min')) ? 1 : +($('.bx_col_input').val()) - 1);
			$('.bx_col_input').click();
		});

и при нажатии кнопки получаю значение по этому коду:

$('.my_basket_call').on('click', function(){
			var kol = $('.bx_col_input').val();		
			console.log(kol);
			});

Но есть одна проблема, когда я использую код что бы добавить количество или уменьшить в input,
то значения поля меняются везде, то есть во всех полях проставляются одинаковые значения
Может кто-то знает как решить эту проблему?

Comments

[Kovalsky]

Вы знаете что делает эта инструкция - $('.bx_col_input') ?

[Андрей]

Никита Полевой: Обращается к классу bx_col_input

[Kovalsky]

Андрей: ну, можно сказать и так, выбирает все элементы с классом bx_col_input. Почему вы выбираете все элементы, если вам нужен один? Выбирайте один тогда.

[Андрей]

Никита Полевой:А как выбрать один(если не тяжело обьяснить)?

Answer 1

[Exploding]

Обращайтесь по уникальному селектору, например id

Comments

[Андрей]

к селектору id не получится обратится, посколько он генерируется через php id="<? echo $arItemIDs['QUANTITY']; ?>"

[Exploding]

Андрей: А что мешает считать его сначала, а потом использовать?

[Андрей]

Exploding:
Дело в том что он не вывод какое-то одно название id, он на каждую карточку создает свой универсальный id - bx_1970176138_81482_quantity, bx_1987894838_81482_quantity и т.д

[Андрей]

Exploding:
Это id тут генерируется:

<a id="<? echo $arItemIDs['QUANTITY_DOWN']; ?>" href="javascript:void(0)" class="bx_bt_button_type_2 bx_small att_callm" rel="nofollow">-</a>
      <input type="text"  min="1"  class="bx_col_input" id="<? echo $arItemIDs['QUANTITY']; ?>" name="<? echo $arParams["PRODUCT_QUANTITY_VARIABLE"]; ?>" value="<? echo $arItem['CATALOG_MEASURE_RATIO']; ?>">
      <a id="<? echo $arItemIDs['QUANTITY_UP']; ?>" href="javascript:void(0)" class="bx_bt_button_type_2 bx_small att_callp" rel="nofollow">+</a>

А с помощью my_basket_call я хочу получать при нажатии

[Exploding]

Андрей: зачем вот это? $('.my_basket_call').on('click',......

[Андрей]

Exploding я хочу получать значение, когда нажимаю на кнопку .my_basket_call

[Exploding]

Андрей: в кнопку добавить параметр тега data-input в котором будет указан id input.
При клике получать значение этого параметра $(this).data('input'); и дальше уже вы знаете что к чему:)

[Exploding]

Андрей: значение чего? И что это за кнопка??

[Андрей]

Exploding:
Значение:

Кнопка:

[Exploding]

Андрей: вы написали что при клике на +/- меняются значения во всех инпупах.
Добавьте каждой кнопке +/- атрибут data-input со значением id инпута в котором нужно поменять цифру.
Что за $('.my_basket_call').on('click', я не могу понять тогда

[Exploding]

Андрей: Ну так добавьте data-input для кнопки "В корзину"... В чем проблема?

[Exploding]

Андрей: И потом

$('.my_basket_call').on('click', function(){
      var inputId = $(this).data('input');
      $('#bx_'+inputId+'_quantity').val($('#bx_'+inputId+'_quantity').val()+1);		
      });

[Андрей]

Exploding:
Смотрите:
Вот что генерирует в консоле input:

Как код выглядит на самом деле

<input type="text"  min="1"  class="bx_col_input" id="<? echo $arItemIDs['QUANTITY']; ?>" name="<? echo $arParams["PRODUCT_QUANTITY_VARIABLE"]; ?>" value="<? echo $arItem['CATALOG_MEASURE_RATIO']; ?>">

Когда нажимаешь + или - , значения в поле input меняются, но в консоле он показывает 1 (value="1") все время/
Если я положу в data-input кнопки значение value, я все время буду получать 1, если id положу, буду получать текст
А мне нужно именно получать точное количество которое есть в поле input и при нажатии на кнопку, которая содержит .my_basket_call, получать и через ajax отправлять это значение
Это сайт на 1c bitrix

[Exploding]

Андрей:

Если я положу в data-input кнопки значение value

не ЗНАЧЕНИЕ, а ID

$('.my_basket_call').on('click', function(){
      var inputId = $(this).data('input'); //получили ID нужного инпута!!!
      var newValue = $('#'+inputId).val()+1; //прибавили +1
      $('#'+inputId).val(newValue);	//НУЖНОМУ инпуту установили новое значение 
      });

Это сайт на 1c bitrix

Примите мои соболезнования, я просто не знал, что у Вас горе...

[Андрей]

Exploding:
Спасибо большое почти оно)
Я его не много переделал и получаю то что мне нужно

[Exploding]

Андрей: Ну главное было получить id нужного инпута! Что я Вам с самого начала и пытался донести)) А уже потом, зная id можно хоть отправлять, хоть получать, хоть устанавливать.... не имеет значения)

[Андрей]

Exploding: Это битрикс, у него тут тысячи путей.....)

[Exploding]

Андрей: Да это не имеет значения битрикс или нет. Это стандартный универсальный способ, который одинаково работает на любом сайте с jquery.

[Андрей]

Exploding:
Ну так или иначе, спасибо, выручили