jQuery input value

The .val() method is used to get or set the value of form elements such as input, checkbox, radio button, select and textarea.

Code:

<script>
$(function(){
    $('.old-value').text( $('input').val() ); // get the input value
    $('input').val('changed input value'); // set the input value
    $('.click').click(function() {
        $('.old-value').text( $('input').val() );
    });
});</script>
<div class="well">
    <span class="click">get value</span>
    <input type="text" value="input value">
    <span class="old-value"></span>
</div>

Other examples with jquery .val():

$('select.foo option:selected').val(); // get the value from a dropdown select
$('select.foo').val(); // get the value from a dropdown select even easier
$('input:checkbox:checked').val(); // get the value from a checked checkbox
$('input:radio[name=bar]:checked').val(); // get the value from a set of radio buttons

Leave a Reply

Your email address will not be published. Required fields are marked *