change

« Обратно к странице событий

[редактировать]

change( )

Вызывает событие change для каждого элемента набора.
Это приводит к тому, что все привязанные к событию change функции выполняются и вызывается действие браузера по умолчанию для каждого совпавшего элемента набора. Действие браузера по умолчанию можно предотвратить путем возвращения false от одной из функций привязанных к событию change. Данное событие обычно активируется, когда элемент типа input теряет фокус ввода и при этом изменилось значение элемента с момента получения фокуса.

[редактировать]

change( функция )

Назначает функцию к событию change для каждого элемента набора.
Данное событие обычно активируется, когда элемент типа input теряет фокус ввода и при этом изменилось значение элемента с момента получения фокуса.
Аргументы:

функция Функция
Функция.

function callback(eventObject) {
  this; // dom element
}
Примеры:

По событию change запускается функция, которая получает текст каждой выбранной опции в списке и помещает этот текст в элемент div. После чего это событие вызывается посредством вызова .change().
    $("select").change(function () {
          var str = "";
          $("select option:selected").each(function () {
                str += $(this).text() + " ";
              });
          $("div").text(str);
        })
        .change();
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>
  $(document).ready(function(){

    $("select").change(function () {
          var str = "";
          $("select option:selected").each(function () {
                str += $(this).text() + " ";
              });
          $("div").text(str);
        })
        .change();

  });
  </script>

  <style>
  div { color:red; }
  </style>
</head>
<body>
  <select name="sweets" multiple="multiple">

    <option>Chocolate</option>
    <option selected="selected">Candy</option>
    <option>Taffy</option>
    <option selected="selected">Caramel</option>

    <option>Fudge</option>
    <option>Cookie</option>
  </select>
  <div></div>

</body>
</html>
Для добавления проверки текстовых элементов ввода попробуйте:
$("input[type='text']").change( function() {
  // check input ($(this).val()) for validity here
});
Name Type