2011-08-11 14 views
6

पर समान प्रश्नों के उत्तर पर ध्यान दिया है, लेकिन मेरे जीवन के लिए, मैं यह नहीं समझ सकता कि मैं क्या गलत कर रहा हूं।एक टेक्स्ट बॉक्स का मान अन्य

मेरे पास दो टेक्स्ट बॉक्स और एक बटन है। पाठ पहला पाठ बॉक्स में जोड़ा जाता है और बटन दबाया है, मैं दूसरे पाठ बॉक्स के लिए पहला पाठ बॉक्स के मूल्य/पाठ लागू करना चाहते हैं:

<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

आप डोम ready बनने के लिए के लिए इंतजार नहीं कर रहे हैं। आप की तरह कुछ लिखना चाहिए:

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

आप document.ready घटना के साथ सभी तत्वों के लिए इंतजार करना चाहिए, और आप अपने jQuery को आसान बनाने में कर सकते हैं:

$(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 पर एक नजर डालें।

संबंधित मुद्दे