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

更改输入字段的值

3 个答案: