Изменение значения поля ввода

Question

У меня есть этот код:

$(document).ready(function() { 
 
    $('#textarea2').click(function() { 
 
     $("textarea").html('<input type="text" value="hello">'); 
 
    }); 
 
});

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="textarea2">Click here</button> 
 

 
<input type="text" class="form-name" value="Name"> 
 
<input type="text" class="form-email" value="E-mail"> 
 
<input type="text" class="form-phone" id="textarea">

Я изменил бы последнюю строку с другим значением ..

я нажимаю на кнопку, но мой код не работает. Возможно, это проблема с jQuery

Answer 1

Вам не хватает # в вашем селекторе: $('#textarea'). И вам не нужно заменять всю DOM для элемента. Просто используйте val()

http://api.jquery.com/val/#val2

Answer 2

Подобно тому, как вы использовали #, чтобы указать, что textarea2 был идентификатор, вам нужно сделать то же самое для textarea.

Answer 3

$(document).ready(function() { 
 
    $('#textarea2').click(function() { 
 
     $('#textarea').val('hello'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="textarea2">Click here</button> 
 

 
<input type="text" class="form-name" value="Name"> 
 
<input type="text" class="form-email" value="E-mail"> 
 
<input type="text" class="form-phone" id="textarea">