jquery sets input box value

jQuery is a JavaScript library that can be used to simplify HTML document traversal and manipulation, event handling, animation, Ajax and other operations. In web development, we often need to use jQuery to set and get the value of the input box. This article will introduce how to use jQuery to set the value of an input box.

1. Get the value of the input box

Before using jQuery to set the value of the input box, we need to get the value of the input box first. jQuery provides the val() method to obtain the value of the input box, for example:

var inputVal = $('input').val();

In the above code, we use the selector to obtain an input element, and obtain the value of the input box through the val() method , and then assign it to the variable inputVal.

2. Set the value of the input box

1. Set the value of a single input box

Setting the value of a single input box through jQuery is very simple, just use val() Just use the method. For example:

$('input').val('Hello World');

In the above code, we use the selector to obtain an input element and set its value to 'Hello World' through the val() method.

2. Set the values ​​of multiple input boxes

If we need to set the values ​​of multiple input boxes at the same time, we can use the each() method to traverse. For example:

$('input').each(function(){
   $(this).val('Hello World');
});

In the above code, we use the each() method to traverse the selected input element, and use the val() method to set its value to 'Hello World'.

3. Set the value of the selection box and text field

In addition to the input box, we can also use the val() method to set the value of the selection box and text field. For example:

$('select').val('option2');
$('textarea').val('Hello World');

In the above code, we use the val() method to set the values ​​of the selection box and text field to 'option2' and 'Hello World' respectively.

3. Summary

This article introduces how to use jQuery to set the value of the input box. By using the val() method, we can easily get and set the value of the input box. In addition, we can also use the each() method to set the values ​​​​of multiple input boxes at the same time, and use the val() method to set the values ​​​​of the selection box and text field. In actual development, we often need to use jQuery to manipulate the value of the input box. Mastering these skills will improve our development efficiency.

The above is the detailed content of jquery sets input box value. For more information, please follow other related articles on the PHP Chinese website!