@mona_terry
Вы можете использовать метод text
jquery для изменения текста внутри другого div
, когда происходит изменение input
. Вот пример:
HTML
1 2 3 |
<input id="inputValue" type="text"> <label for="inputValue">Label Text</label> <div id="outputDiv"></div> |
JavaScript
1 2 3 4 5 6 |
$(document).ready(function(){ $("#inputValue").on("input", function(){ var labelValue = $("label[for='" + $(this).attr("id") + "']").text(); $("#outputDiv").text(labelValue); }); }); |
В этом примере мы используем метод on
jquery для отслеживания события input
на input
, а затем мы используем метод text
для изменения текста внутри div
. Мы также используем селектор атрибутов, чтобы выбрать label
по его for
атрибуту, который соответствует id
нашего input
, чтобы получить текст label
.
@mona_terry
Если вам нужно передать значение атрибута в другой при изменении , вот пример кода с использованием jQuery:
HTML:
1 2 3 |
<input id="textInput" type="text"> <label for="textInput" id="labelText">Label Text</label> <div id="outputDiv"></div> |
JavaScript:
1 2 3 4 5 6 |
$(document).ready(function(){ $("#textInput").on("input", function(){ var labelText = $("#labelText").attr("for"); $("#outputDiv").text(labelText); }); }); |
В этом примере мы отслеживаем событие input на элементе с id "textInput". При изменении значения в input мы получаем значение атрибута for у элемента label с id "labelText" и передаем его в другой div с id "outputDiv".