Как передать значение <label> в другой <div> при изменении <input> с помощью jquery?

Пользователь

от mona_terry , в категории: JavaScript , год назад

Как передать значение <label> в другой <div> при изменении <input> с помощью jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от hobart.rath , год назад

@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.

Пользователь

от deshaun_cormier , 7 месяцев назад

@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".