Необходимо изменить значение атрибута value элемента input типа text.
Решение
Для решения применим метод val(val) (листинг 2.4.2).
Листинг2 .4 .2 . Использование метода val(val)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> <title>example-2-4-2</title> <content> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="js/jquery-1.5.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $("button").click(function () { var txt = $(this).text(); $("input").val(txt); }); }); </script> </head> <body> <button>Один</button> <button>Два</button> <button>Три</button> <input type="text" value="Нажимайте кнопки" /> </body> </html> |
Обсуждение
В листинге 2.4.2 имеются три кнопки и элемент input, значение атрибута value которого мы попробуем изменять.
Код JavaScript несложен — ищем элементы button и связываем с ними событие click. Функция, вызываемая при наступлении события, получит текст надписи на кнопке и сохранит его в переменной txt. Значение этой переменной будет передано в качестве аргумента методу val(val) и внутри поля ввода мы сможем увидеть текст, соответствующий надписи на нажатой кнопке.
Источник: Самков Г. А. jQuery. Сборник рецептов. — 2-е изд., перераб. и доп. — СПб.: БХВ-Петербург, 2011. — 416 с.: ил. + CD-ROM — (Профессиональное программирование)