變化值

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">