不能的jQuery

Question

的JavaScript

<script> 
    jQuery(function ($) {         
     var userName = jQuery("#userName").val(); 

     $('#btnsubmit').click(function() { 
      alert(userName); 

     }); 
    }); 
</script> 

HTML

<div class="contact"> 
    <div class="contact-form"> 
     <h2>Check Out</h2> 
     <div> 
      <span><label>Name</label></span> 
      <span><input name="userName" type="text" class="textbox" id="userName"></span> 
     </div> 
    </div> 
    <div class="clear"></div> 
</div> 

我不能讓文本框的值獲取文本框的值。點擊按鈕時，它總是空的。請幫我看看使用ajax的文本框的值。

Answer 1

您在頁面加載時獲取用戶名一次，然後再註冊點擊處理程序，然後再次獲取它。

您需要在點擊處理程序中獲取值新鮮的。

jQuery(function ($) {         

     $('#btnsubmit').click(function() { 
      var userName = $("#userName").val(); 
      alert(userName); 

     }); 
    }); 

注意，你是觀察當地$，所以請使用它而不是jQuery的DOM準備處理程序中 :)

Answer 2

試試這個：

<script> 
    jQuery(function($) { 
     $('#btnsubmit').click(function() { 
      alert($("#userName").val()); 
     }); 
    }); 
</script>