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选择器更具体，因为这会改变DOM中每个input的值。

另请注意，这将包含新值中的任何空格。因此，对于您的示例，该值将包含文本“abc”之前和之后的空格。你可以使用trim来阻止它。

以上是working example以上内容。

Answer 2

$(document).ready(function(){ 

          $('#click').click(function () { 
                $('input[type="text"]').val($(this).text());
             }); 
    });

尝试一下

Answer 3

<div id="click" onclick="functionName();"> abc </div>
<input type="text" value="some text" id="textChange"/>

<script>
    function functionName(){
         $('textChange').value = '';
         $('textChange').value = $('click').innerHTML;
    }
</script>

试试这个。

如何单击文本以更改值

3 个答案: