在javascript中將文本字段值寫入文檔中

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

    } 


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

我也試過這個提交按鈕，但都沒有工作。在javascript中將文本字段值寫入文檔中

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

HTML：

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

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

我想，當用戶點擊提交按鈕寫給我在文本字段到div與類.wincolumn值。被玩弄了一堆不同的方法，但似乎無法推測出來

更新的代碼：

<html> 
<head> 
<script src="jquery.js"></script> 
<script> 
$("input[type='submit']").click(function(e) { 
    e.preventDefault(); 
    var value = $(.input[name="foo"]).val(); 
    $('.teamcolumn').html(value); 
    return false; 

}); 


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

來源

2012-02-23 Nic Meiring

div與類.wincolumn？ – Diode 2012-02-23 06:15:27

我的不好。我的意思是.teamcolumn – 2012-02-23 06:19:24

試試這個

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

Demo on jsFiddle.net

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

Demo on jsFiddle.net

希望這有助於你。

來源

2012-02-23 06:21:23

謝謝！在jsfiddle上工作很好，但我似乎無法讓它在我的瀏覽器中工作。 url返回foo =「teamthatienter」的擴展名，並且沒有任何內容寫入頁面 – 2012-02-23 06:29:57

您是否可以使用新代碼更新該問題？現在更新了 – 2012-02-23 06:35:47

。 – 2012-02-23 06:40:17

$('input[type="submit"]').click(function(e){ 
    e.preventDefault(); // Prevent form submit 
    $('.teamcolumn').text($('#team').val()); 
});

來源

2012-02-23 06:15:30 elclanrs

當我打電話給該功能時，我會通過什麼來傳遞？ – 2012-02-23 06:22:11

點擊提交按鈕後，jQuery將通過參數「e」提供點擊事件信息。你不必擔心它。 – 2012-02-23 06:23:11

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

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

} 


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

來源

2012-02-23 06:17:51 Diode

的問題是，你要綁定提交處理程序到輸入。輸入不會被提交;這是形式。爲表單提供一個ID並將處理程序綁定到該表單上，然後它將工作（儘管如此，您必須阻止表單提交）。

來源

2012-02-23 06:18:21

這可以通過執行$（'form'）。submit（function（e）{}）;'來完成，就像我在我的答案中演示的那樣。 – 2012-02-23 06:26:05

在javascript中將文本字段值寫入文檔中

回答

相關問題