powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Работа скрипта на клонированном (clone) div
7 сообщений из 7, страница 1 из 1
Работа скрипта на клонированном (clone) div
    #38197907
angel__2003
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Доброго времени суток.
Есть страница. там два поля они клонируется (копируются).При заполнении значения одного поля (addr_sp) value добавляется в другое (addr). Но скрипт работает только на первое поле, путаюсь сделать, чтобы скрипт работал только на последней блок <div id='job' name='job'>
не важно клонированный он или начальный. Наверно надо как использовать last но что то не получается. При заполнении addr_sp работает только в первом div job.
показать чистый исходник в новом окнеСкрыть/показать номера строкпечать кода с сохранением подсветки
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
<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("")

}
function remove() {
    $("#jobs div:last").remove();
}
</script>
 
</form>
</body>
 
</html>
...
Рейтинг: 0 / 0
Работа скрипта на клонированном (clone) div
    #38197993
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
angel__2003путаюсь сделать, чтобы скрипт работал только на последней блок
Код: html
1.
<div id='job' name='job'>


ИД должен быть уникальным на странице.
...
Рейтинг: 0 / 0
Работа скрипта на клонированном (clone) div
    #38197996
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
angel__2003путаюсь сделать, чтобы скрипт работал только на последней блок не важно клонированный он или начальный. Наверно надо как использовать last
Не обязательно... Как вариант...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
	var o=$('div');
	alert(o.eq(o.length-1).text());
});
</script>
</head>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</body>
</html>
...
Рейтинг: 0 / 0
Работа скрипта на клонированном (clone) div
    #38198076
angel__2003
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsaangel__2003путаюсь сделать, чтобы скрипт работал только на последней блок не важно клонированный он или начальный. Наверно надо как использовать last
Не обязательно... Как вариант...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
	var o=$('div');
	alert(o.eq(o.length-1).text());
});
</script>
</head>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</body>
</html>



подскажи еще. а то недавно начал этим заниматься

не получается из
<script type="text/javascript">
$(document).ready(function (){
var o=$('div');
alert(o.eq(o.length-1).text());
});
</script>

сделать

скопировать последнее значение в предпоследнее наверно надо как то поиском делать только лажа получается

<script type="text/javascript">
$(document).ready(function (){
$("#button1").click(function () {
var o=$('#addr');
//$("#addr").val($("#addr_sp").val() + ' ;' + $("#addr").val());
o.eq(o.length-1).find("#addr").val(o.eq(o.length-1).find("#addr_sp").val());
// alert(o.eq(o.length-1).text());
});
});
</script>
...
Рейтинг: 0 / 0
Работа скрипта на клонированном (clone) div
    #38198209
angel__2003
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
додумал вот так надо
...
Рейтинг: 0 / 0
Работа скрипта на клонированном (clone) div
    #38198211
angel__2003
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
<script type="text/javascript">
$(document).ready(function (){
$("#button1").click(function () {
var o=$('div');
o.eq(o.length-1).find('#addr').val(o.eq(o.length-1).find('#addr_sp').val() + ' ;' + o.eq(o.length-1).find('#addr').val()); // добавляем запись
o.eq(o.length-1).find('#addr_sp').val(""); // очищяем поле
});
});
</script>
...
Рейтинг: 0 / 0
Работа скрипта на клонированном (clone) div
    #38198650
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
angel__2003
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<script type="text/javascript">
$(document).ready(function (){
$("#button1").click(function () {
	var o=$('div');
		o.eq(o.length-1).find('#addr').val(o.eq(o.length-1).find('#addr_sp').val() + ' ;' + o.eq(o.length-1).find('#addr').val()); // добавляем запись
		o.eq(o.length-1).find('#addr_sp').val(""); // очищяем поле
	});
});
</script>


Так вот ты какой, говнокод!
...
Рейтинг: 0 / 0
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Работа скрипта на клонированном (clone) div
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]