скрипт для клонированного (clone) поля
Доброго времени суток.
Есть страница. там два поля они клонируется (копируются).При заполнении значения одного поля (addr_sp) value добавляется в другое (addr). Но скрипт работает только на первое поле, путаюсь сделать, чтобы скрипт работал только на последней блок <div id='job' name='job'> не важно клонированный он или начальный. Наверно надо как использовать last но что то не получается. При заполнении addr_sp работает только в первом div job. <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> </head> <body> <form> <div id='jobs' name='jobs'> <div id='job' name='job'> Работы <input required name="addr" id="addr" > <br> Список:<input name="addr_sp" id="addr_sp" > <br> <hr> </div> </div> <input type='button' onclick="add(document.getElementById('job'));" id="but_add" name="but_add" value="Добавить" /> <input type='button' onclick="remove();" id="but_del" name="but_del" value="Удалить"> <!-- надо заставить этот скрипт работать на последний div=job на страницы --> <script type="text/javascript"> $(document).ready(function () { $("#addr_sp:last").live('change', function() { $("#addr:last").val($("#addr_sp:last").val()+ ' ;' + $("#addr:last").val() ); $("#addr_sp:last").val(""); }); }); </script> <!-- скрипт по копированию --> <script type="text/javascript" language="javascript"> function add(job) { $("#job").last().clone().appendTo($('#jobs')).find("input").val("") // appendTo($('#jobs')).hide().show(0).find("input").val("") Добавить элемент -> спрятать -> показать -> найти все инпуты -> их почистить мо } function remove() { $("#jobs div:last").remove(); } </script> </form> </body> </html> |
Часовой пояс GMT +3, время: 15:49. |