добавить текст поля в <p>после .change () с jquery - PullRequest
Новая
       0

добавить текст поля в <p>после .change () с jquery

0 голосов
/ 17 июня 2020

Я новичок в jquery. Что я хочу сделать, так это изменить значение «p» каждый раз, когда пользователь изменяет поле ввода с синтаксисом вроде «Ввод изменен на:», а затем значение из поля ввода. Мой код не работает. Кто-нибудь мог объяснить мне, почему? 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#myinput").change(function() {
    var str = $("#myinput").val();  
    $( "p" ).text(str);
  });
});
</script>
</head>
<body>



<input type="text" id="myinput">
<p> Text changed to: </p>

</body>
</html>

Ответы [ 2 ]

0 голосов
/ 17 июня 2020

хорошо, решение было простым. Я должен был использовать функцию .append () вместо .text ().

0 голосов
/ 17 июня 2020

Событие изменения запускает функцию, когда текстовое поле меняет фокус (т.е. мышь покидает текстовое поле). Чтобы запускать функцию каждый раз, когда пользователь нажимает кнопку, попробуйте событие keyup . 

$(document).ready(function(){
  $("#myinput").keyup(function() {
    var str = $("#myinput").val();  
    $( "p" ).text(str);
  });
});

Вот рабочий пример: https://jsfiddle.net/8wra05sy/

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

Нет похожих вопросов

...