Добавить текст Div к входному значению - PullRequest
Новая
       4

Добавить текст Div к входному значению

0 голосов
/ 15 октября 2019

У меня есть input значение для адреса электронной почты. Затем у меня есть адрес электронной почты на сайте в div, я хочу добавить div к значению input, чтобы значение input было таким же, как div. Затем пользователь может отправить это.

Я пытался: 

$('#input_2').append($('.emailaddress').val());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input name="input_2" id="input_email" type="text" value="" placeholder="Email Address">
<div class="emailaddress">test@test.com</div>

Ответы [ 4 ]

1 голос
/ 15 октября 2019

Вы используете $ ('# input_2') это имя, а не идентификатор, поэтому DOM не сможет его найти. использовать это. вход имеет свойство val . и потому что вы используете класс, так что он будет возвращать массив. 

 $(document).ready(function(){
      $('#input_email').val($('.emailaddress')[0].innerText);
 });


<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $('#input_email').val($('.emailaddress')[0].innerText);
});
</script>
</head>
<body>
<input name="input_2" id="input_email" type="text" value="" placeholder="Email Address">

<div class="emailaddress">test@test.com</div>
</body>
</html>
1 голос
/ 15 октября 2019

попробуйте что-то подобное с jquery 

<script>
var email = $('.emailaddress').html();

$('#input_email').val(email);
</script>

// добавьте это в конце вашей страницы перед телом // и ссылкой на jquery в заголовке 

<script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script>
0 голосов
/ 15 октября 2019

Это тебе поможет. 

$('#input_email').val($('.emailaddress').text());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input name="input_2" id="input_email" type="text" value="" placeholder="Email Address">
<div class="emailaddress">test@test.com</div>
0 голосов
/ 15 октября 2019

Вы можете легко сделать это с помощью события. 

$("#input_2").change(function () {
  $(".emailaddress").html($(#input_2).val());
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...