用javascript将文本字段值写入文档

我也尝试过提交按钮，但都不起作用

 function submitValue () {
        var content = $('input[name="foo"]').val();
        $('.teamcolumn').html(content); 

    }


$('#team').submit(submitValue());

html:

$('#team').submit(function() {
    $(this).val()).appendTo('.teamcolumn');
});

---

我想在用户单击submit按钮时，将文本字段中给定的值写入带有class.wincolumn的div。我一直在玩弄各种不同的方法，但似乎都搞不懂

更新代码：

<form>
      <input name="foo" id="team" class="inputright" type="text" value="Team?">
                <input type="submit" value= "Go">
    </form>

<div class="teamcolumn TOSRcolumn"></div>

$（“输入[type='submit']”）。单击（函数（e）{
e、 预防默认值（）；
var值=$（.input[name=“foo”]）.val（）；
$（'.teamcolumn'）.html（值）；
返回false；
});

函数次值（）{
var content=$（'input[name=“foo”]）.val（）；
$（'.teamcolumn'）.html（内容）；
}
$（“#提交按钮”）。单击（提交值）；

函数次值（）{
var content=$（'input[name=“foo”]）.val（）；
$（'.teamcolumn'）.html（内容）；
}
$（“#提交按钮”）。单击（提交值）；
问题在于您试图将提交处理程序绑定到输入。输入没有被提交；这是表格。给表单一个ID，并将处理程序绑定到该ID，然后它就可以工作了（不过您必须阻止表单提交）。
问题是您试图将提交处理程序绑定到输入。输入没有被提交；这是表格。给表单一个ID并将处理程序绑定到该ID上，然后它就可以工作了（不过您必须阻止表单提交）。
试试这个

<input id="submitButton" type="submit" value= "Go">

function submitValue () {
    var content = $('input[name="foo"]').val();
    $('.teamcolumn').html(content); 

}


$('#submitButton').click(submitValue);


或


希望这对你有帮助。
试试这个

<input id="submitButton" type="submit" value= "Go">

function submitValue () {
    var content = $('input[name="foo"]').val();
    $('.teamcolumn').html(content); 

}


$('#submitButton').click(submitValue);


或


希望这对您有所帮助。
div与class.wincolumn？div与class.wincolumn？调用函数时我将传递什么作为e？单击submit按钮时，jQuery将通过参数
e
提供单击事件信息。您不必担心。调用函数时，我将传递什么作为e？单击submit按钮时，jQuery将通过参数
e
提供单击事件信息。您不必担心它。这可以通过执行
$（'form'）.submit（函数（e）{}）$（'form'）.submit（函数（e）{}）如我在回答中演示的。谢谢！在JSFIDLE上工作得很好，但在我的浏览器中似乎无法工作。url以foo=“teamthatienter”的扩展名返回，页面上没有写入任何内容。它在JSFIDLE上继续工作，但每次我在浏览器中这样做时，我都会收到相同的消息foo=“textienter”，页面上没有任何内容。知道为什么吗？试着将javascript代码转移到其他js文件中。然后首先包括jQuery.js，然后包括新的js文件。同时检查两个文件是否都已下载。如果您不介意。。。如果我只想将每个新条目添加到此列表中，该怎么办？appentTo（）？add（）？检索旧值，将其放入某个临时变量中，并向其添加新值。或者您可以检查javascript数组对象。并且可以在上面使用
join
方法。谢谢！在JSFIDLE上工作得很好，但在我的浏览器中似乎无法工作。url以foo=“teamthatienter”的扩展名返回，页面上没有写入任何内容。它在JSFIDLE上继续工作，但每次我在浏览器中这样做时，我都会收到相同的消息foo=“textienter”，页面上没有任何内容。知道为什么吗？试着将javascript代码转移到其他js文件中。然后首先包括jQuery.js，然后包括新的js文件。同时检查两个文件是否都已下载。如果您不介意。。。如果我只想将每个新条目添加到此列表中，该怎么办？appentTo（）？add（）？检索旧值，将其放入某个临时变量中，并向其添加新值。或者您可以检查javascript数组对象。并且可以对其使用
join
方法。
<input id="submitButton" type="submit" value= "Go">

function submitValue () {
    var content = $('input[name="foo"]').val();
    $('.teamcolumn').html(content); 

}


$('#submitButton').click(submitValue);

$('input[type="submit"]').click(function(e){
   e.preventDefault();
   var value = $('input[name="foo"]').val();
   $('.teamcolumn').html(value);
   $('.wincolumn').html(value);
   return false;
});​

$('form').submit(function(e){
   e.preventDefault();
   var value = $('input[name="foo"]').val();
   $('.teamcolumn').html(value);
   $('.wincolumn').html(value);
   return false;
});​