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>

私は、ユーザーが送信ボタンをクリックしたときにクラス.wincolumnでのdivにテキストフィールドに私に与えられた値を書きたいです。異なる方法の束で遊んされますが

更新されたコードを、それを見つけ出すように見えることはできません。

<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

私の悪い。私は.teamcolumnを意味した –

この

$('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"という拡張子で返され、ページには何も書き込まれません。 –

新しいコードで質問を更新できますか？ –

が更新されました。 –

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

出典

2012-02-23 06:15:30 elclanrs

私は関数として私は電子として渡すだろうか？ –

送信ボタンがクリックされると、jQueryはパラメータ「e」を介してクリックイベント情報を提供します。あなたはそれについて心配する必要はありません。 –

<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）{}）;'私の答えでデモンストレーションしています。 –

JavaScriptで文書にテキストフィールドの値を書き込む

答えて

関連する問題