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

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

от mona_terry , в категории: JavaScript , 3 месяца назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от hobart.rath , 3 месяца назад

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