keyup jquery с разными идентификаторами (ввод нескольких идентификаторов) для текстового поля ввода - PullRequest
0 голосов
/ 27 мая 2020

Слишком много идентификаторов базы данных, и это код формы для таблицы заказа продуктов (html):

1:
<input type="text" name="Quantity" value="100" id="quantity_1">
<input type="hidden" name="Quantity" id="quantity_copy_1">
<br>

2:
<input type="text" name="Quantity" value="200" id="quantity_250">
<input type="hidden" name="Quantity" id="quantity_copy_250">
<br>

3:
<input type="text" name="Quantity" value="300" id="quantity_155">
<input type="hidden" name="Quantity" id="quantity_copy_155">
<br>

4:
<input type="text" name="Quantity" value="400" id="quantity_??">
<input type="hidden" name="Quantity" id="quantity_copy_??">
<br>

<button>Send...</button>

enter image description here

Идентификатор номера продукта указан в базе данных, но я не знаю, какой идентификатор определен для ввода.

Я хочу показать тот же код сценария в коде формы с разными идентификаторами.

<script>
$('[id^="quantity"]').keyup(function () {
    var value = $(this).val();
    $('[id^="quantity_copy"]').val(value);
}).keyup();
</script>

JSFiddle

1 Ответ

0 голосов
/ 27 мая 2020

Используйте $(this).next() или, если в таблице, $(this).closest("tr").find(".qty-copy")

$(".qty").keyup(function () {
    var value = $(this).val();
    $(this).next(".qty-copy").val(value);
}).keyup();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
1: 
<input type="text" name="Quantity" class="qty" value="100" id="quantity">
<input type="text" name="Quantity" class="qty-copy" id="quantity_copy">

<br>
2: 
<input type="text" name="Quantity" class="qty" value="200" id="quantity_250">
<input type="text" name="Quantity" class="qty-copy" id="quantity_copy_250">

<br>
3: 
<input type="text" name="Quantity" class="qty" value="300" id="quantity_155">
<input type="text" name="Quantity" class="qty-copy" id="quantity_copy_155">

<br>
4: 
<input type="text" name="Quantity" class="qty" value="400" id="quantity_??">
<input type="text" name="Quantity" class="qty-copy" id="quantity_copy_??">

<br>
<button>Send...</button>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...