如何单击文本以更改值

Question

如何单击文本(abc)并将输入类型值,"some text"更改为"abc"

<div id="click"> abc </div>
<input type="text" value="some text"/>

<script>
    $("#click").click(function () {



    });
</script>

Answer 1

您可以使用text获取文本div,并val更改以下内容的值input:

$("#click").click(function() {
    $("input").val($(this).text());
});

您可能希望使input选择器更具体,因为这将改变inputDOM 中每个选择器的值.

另请注意,这将包含新值中的任何空格.因此,对于您的示例,该值将包含文本"abc"之前和之后的空格.你可以阻止这种使用trim.

这是上面的一个工作示例.