Question

基本上，我正在创建第一个函数，通过单击按钮获取输入的值。然后，我正在尝试创建一个事件，在单击按钮时将该值添加到函数中。

 var getInput = function() {
$('#inputSubmit').click(function() {
    return $('input[name=input1]').val(); 
    });  };

var addTextInTextBox_1 = function(text) {
    $("#textBox").append("<p>"+text+"</p>");
$('#inputSubmit').on('click', addTextInTextBox_1("Good, your character's name is " + getInput()));

然而，我一直得到一个p等于：＆＃34;好，你的角色的名字是未定义的。我明白这是因为函数正在输入。我只是不知道如何让函数等到我点击按钮执行代码。

Answer 1

您不需要在click内再次绑定getInput：

var getInput = function(){
    return $('input[name=input1]').val(); 
};

另请注意，您的原始代码未返回任何值（因此，undefined）：您的return位于click - 绑定的匿名函数内。

把它们放在一起：

var getInput = function(){
    return $('input[name=input1]').val(); 
};
var addTextInTextBox_1 = function(text){
    $("#textBox").append("<p>"+text+"</p>");
};
$('#inputSubmit').on('click', addTextInTextBox_1("Good, your character's name is " + getInput()));

在函数中将输入值添加为字符串

1 个答案: