Не удается получить значение текстового поля с помощью JQuery

Question

яваскрипта

<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

Вы получаете имя пользователя один раз в момент загрузки страницы, прежде чем регистрировать обработчик кликов, а затем никогда не получите его снова.

Вам необходимо получить значение fresh внутри обработчика кликов.

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>