变化值

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是一个id，你需要做同样的事情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">