将值从按钮传递到输入值

Question

我试图通过Javascript将值从按钮传递到输入值.我现在拥有的是这个

这是一个javascript文件

var test2 = 5;
appendeddatahtml = '<div class="test1"><button id="btn" type="button" value="' + test2 + '">This is it!</button></div>';
$("#test1").append(appendeddatahtml);

这是脚本上方的表单

<input type="text" name="latlon" id="latlon" style="display: none; " value="" />

首先,我尝试使用此代码发出警报

$(document).ready(function() {
  $("#btn").click(function() {
    alert("The button was clicked.");
  });
});

但它没有提醒任何事情.有没有办法将值从按钮传递到输入值？

Answer 1

由于您要动态添加它,因此您需要event delegation这里.所以只需添加点击如下:

$(document).on('click',"#btn",function(){
    alert("The button was clicked.");
});

演示在这里