CODEWITHSUNDEEP
javascriptjquery
lucifer
lucifer

Reputation: 2327

How to get the value of the text box using jQuery on keypress

I want a functionality that i will type some text on the textbox and the value will be picked up by the jquery and will be stored in some variable ,how to achieve that? i am using jquery bind function but it is not suiting my purpose . This is my textbox 

<aui:input inlineField="true" label="" name="interviewCC" id="interviewCC" size="45" value=""></aui:input>

and i am using this jQuery function 

$("#interviewCC").bind("click", function () {
     value = $("#interviewCC").val();
     alert(value)
 });

but it is not picking the value i want that when i will type something on the textbox that value will be picked up.Please somebody help.

Upvotes: 0

Views: 1787

Answers (3)

Stewartside
Stewartside

Reputation: 20925

You can use the jQuery function .keyup() which will figure out when a key has been pressed and then the press has finished.

$(document).ready(function() {
  $('input#text').keyup(function() {
    $('.output').text($(this).val());
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="text" type="text" />
<div class="output"></div>

Upvotes: 0

user4554100
user4554100

Reputation:

The problem is that you listen to the 'click' event and not the 'keypress' event.

Try this:

$('#interviewCC').keypress( function(e) {

    var value = $("#interviewCC").val();
    alert(value)

});

Upvotes: 1

Mir Adnan
Mir Adnan

Reputation: 884

Use

$("#interviewCC").keypress(function () {
   value = $("#interviewCC").val();
   alert(value);
});

Upvotes: 0

Related Questions