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

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);

    });

  });

单击按钮不会更改文本字段值!

Answer 1

使用这个:

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

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