jquery - 如何单击文本来更改值

Question

如何单击文本(abc)并将输入类型值更改为“abc”

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

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



    });
</script>

Answer 1

您可以使用text获取 div 中的文本，以及 val更改输入的值:

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

您可能希望使 input 选择器更加具体，因为这当前会更改 DOM 中每个 input 的值。

另请注意，这将包括新值中的所有空格。因此，对于您的示例，该值将在文本“abc”之前和之后包含一个空格。您可以使用 trim 来防止这种情况发生.

这是一个working example以上。