Question

HTML

<div id="wrapper">
  <input type="text" id="text">
  <button id="t-1" value="1">1</button>
  <button id="t-2" value="2">2</button>
  <button id="t-3" value="3">3</button>
</div>

的JavaScript

$(function() {

    $('#wrapper').click(function(event) {

      $('#text').append(event.target.value);

    });

  });

单击该按钮不会更改text-field-value！

Answer 1

使用此：

$(document).ready(function(){
    $('#wrapper').click(function(event) {    
      $('#text').val(event.target.value);
    });
});

请记住append是添加HTML内容，而val是获取和设置输入字段值。

Answer 2

append在输入后添加HTML内容。您要查找的内容（更改输入文本）为val。

Answer 3

您需要使用val()来设置文本框的值。 append()用于将DOM元素附加到另一个元素中（例如将动态li附加到ul标记中）。以下是一个工作片段

$(function() {
    $('#wrapper').click(function(event) {
      $('#text').val(event.target.value);
    });
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="wrapper">
  <input type="text" id="text">
  <button id="t-1" value="1">1</button>
  <button id="t-2" value="2">2</button>
  <button id="t-3" value="3">3</button>
</div>

使用点击事件信息填充文本字段

3 个答案: