2011-08-11 4 views
6

これと同様の質問に対する回答を見てきましたが、私の人生にとっては、私が間違っていることを理解できません。1つのテキストボックスの値を別のものに割り当てる

私は2つのテキストボックスとボタンを持っています。テキストが最初のテキストボックスに追加し、ボタンが押されたとき、私は2番目のテキストボックスに最初のテキストボックスの値/テキストを適用したい:DOMはreadyになることのためにあなたが待っていない

<html> 
<head> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script> 
     $("#button").click(function() { 
      var contents = $("#textbox").val(); 
      $("#container").val(contents); 
     }); 
    </script> 
</head> 
<body> 
    <input type="text" id="textbox" /> <input type="submit" id="button" value="Press This" /> 
    <br /> 
    <input type="text" id="container" /> 
</body> 
</html> 

答えて

9

。あなたはdocument.readyイベントを持つすべての要素を待たなければならない、とあなたはjqueryのを簡素化することができます

$(document).ready(function() { 
    $("#button").click(function() { 
     var contents = $("#textbox").val(); 
     $("#container").val(contents); 
    }); 
}); 
2

$(document).ready(function() { 
    $("#button").click(function() { 
     $("#container").val($("#textbox").val()); 
    }); 
}); 
4

あなたのコードがよさそうだあなたのような何かを書く必要があります。ただ、このような$(document).ready(...)イベントハンドラに追加します。

$(document).ready(function() { 
    $("#button").click(function() { 
     var contents = $("#textbox").val(); 
     $("#container").val(contents); 
    }); 
}); 

また、あなたのコードビットを簡素化することができます:

$(document).ready(function() { 
    $("#button").click(function() { 
     $("#container").val($("#textbox").val()); 
    }); 
}); 

the .ready() docsを見てみましょう。

関連する問題