如何使用提交按钮创建一个文本框，使用js或jQuery单击javascript函数执行回调？

Question

我是javascript的新手，很难找到答案。 任何帮助表示赞赏。

Answer 1

如果您有以下HTML：

<input type="text" />
<input id="button" type="button" value="Click Me" />

您可以绑定要在单击事件触发该按钮时执行的函数，如下所示：

$(function() {
    $('#button').click(function() {
        // Do logic here
    });
});

动态创建它

您可以使用jQuery将以前的HTML插入到文档中。 首先在DOM中选择另一个元素，该元素定位您希望插入HTML的位置：

$('#someElement')

然后你可以使用任何jQuery插入方法来注入你自己的一些HTML：

$('#someElement')
    .append('<input type="text" />')
    .append('<input id="button" type="button" value="Click Me" />');

既然你的元素在DOM中，你可以选择它们并以正常方式将回调绑定到click事件：

$('#button').click(function() {
    // Do logic here
});

Answer 2

html： <textarea id="txt"></textarea><input type="button" id="button">submit</input>
和js：

var d = document.getElementById('button');// identifying the button 
function myFunction(){
   var text = document.getElementById('txt').value;//getting the user's input
   // and whatever you want to do with the user's input
}
d.addEventListener('click',myFunction,false);//attaching myFunction to be called on the button click`

如果你使用jQuery，语法有点简单：

 $('#button').click(myFunction); // or $('#button').click(function(){ var text = $('#txt').val(); //and again your logic here });