<!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" xml:lang="ru" lang="ru" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>пока все гоняли мячики, бозон хиггса вроде как нашли</title>
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="http://st0.bbcorp.ru/style/style_fix7.css" />
<style type="text/css">
input[type="button"]{
padding:0;
}
span.button-wrap {
margin-top:-33px;
}
</style>
<![endif]-->
<style type="text/css">
* {
padding:0;
margin:0;
}
#pun {
width:80%;
margin:70px auto 0 auto;
}
#Wrap-All {
width:100%;
}
.select-wrap{
white-space:nowrap;
padding:0.6em;
background-color:#EEEEEE;
margin:3px;
}
.select-wrap input[type="checkbox"]{
margin-right:3px;
}
span.button-wrap {
display:inline-block;
float:right;
}
input[type="button"]{
padding:2px 0.7em;
}
input[name="delete"]{
margin-left: 12px;
}
</style>
<script type="text/javascript">
var selectArray = new Array(
//88888888888888888888888888888 CПИСОК 88888888888888888888888888888//
'val=0,text="Юридические, бухгалтерские и аудиторские услуги";\
name="url[1]";\
val="m1",text="74.11 Деятельность в области права";\
val="m2",text="74.12 Деятельность в области бухгалтерского учета и аудита";\
val="m3",text="74.12.1 Деятельность в области бухгалтерского учета";\
val="m4",text="74.12.2 Аудиторская деятельность";\
val="m5",text="74.14 Консультирование по вопросам коммерческой деятельности и управления";\
val="m6",text="74.83 Предоставление секретарских, редакторских услуг и услуг по переводу"'
,
'val=1,text="Риэлторы";\
name="url[2]";\
val="m7",text="70.31 Деятельность агентств по операциям с недвижимым имуществом";\
val="m8",text="70.31.1 Предоставление посреднических услуг при покупке, продаже и аренде недвижимого имущества";\
val="m9",text="70.31.11 Предоставление посреднических услуг при покупке, продаже и аренде жилого недвижимого имущества";\
val="m10",text="70.31.12 Предоставление посреднических услуг при покупке, продаже и аренде нежилого недвижимого имущества"'
,
'val=2,text="Компьютеры, ПО и прочее";\
name="url[3]";\
val="m11",text="72.1 Консультирование по аппаратным средствам вычислительной техники";\
val="m12",text="72.2 Разработка программного обеспечения и консультирование в этой области";\
val="m13",text="72.3 Обработка данных";\
val="m14",text="72.4 Деятельность по созданию и использованию баз данных и информационных ресурсов";\
val="m15",text="72.5 Техническое обслуживание и ремонт офисных машин и вычислительной техники";\
val="m16",text="72.6 Прочая деятельность, связанная с использованием вычислительной техники и информационных технологий"'
)
//8888888888888888888888 КОНЕЦ СПИСКА 88888888888888888888888888//
function Select2_search_InArray (a) {
var OPTION_text = a.text();
var select2Array=[];
var Lng = selectArray.length;
for(i=0; i<Lng; i++){
select2Array = selectArray[i].split(";");
var TstString = select2Array[0].replace(/^.*text="(.*)"$/ig,'$1');
if(OPTION_text.indexOf(TstString)!=-1){ //alert(OPTION_text+"\n selectArray > "+i)
var LngSel2 = select2Array.length;
var option='';
var S='';
for(j=2; j<LngSel2; j++){
ThisArray = select2Array[j].split(',text="');
ThisArray[0] = ThisArray[0].replace(/^\s*?val="/ig,'value="');
ThisArray[1]=ThisArray[1].substring(0,(ThisArray[1].length-1));
S+='<option '+ ThisArray[0] + '>' + ThisArray[1] + '</option>\n'
}
break;
}
} if(S!='') {
var b=a.parents(".select-wrap:first").find("select").eq(1);
var c=''+select2Array[1].replace(/^\s*?name="(.*)"$/ig,'$1');
b.html(S);b.attr("name",c+"") //вставляем в select-2 новые option и name;
}
}
//8888888888 ВСТАВКА ПО "ONCANGE" ПЕРВОГО СЕЛЕКТОРА - ЭЛЕМЕНТОВ ВТОРОГО 88888888//
$(".select-wrap").find("select[name^='type']").live('change', function() {
Select2_search_InArray ($(this).find("option:selected"))
});
//8888888888 ДОБАВКА-КЛОНИРОВАНИЕ НОВЫХ ЭЛЕМЕНТОВ ФОРМЫ 88888888//
$(".select-wrap").find("input[type='button']").live('click', function() {
var a= $(this).parents(".select-wrap:first").clone();
a.find("input:checkbox").removeAttr("checked");
a.appendTo("#Wrap-All");
$(this).hide();
});
//8888888888 УДАЛЕНИЕ ВЫЬРАННЫХ ЧЕКИТОМ ЭЛЕМЕНТОВ ФОРМЫ 88888888//
$("#pun").find("p input[name='delete']").live('click', function() {
$(".select-wrap input:checkbox:checked").each( function() {
if($(".select-wrap").length>1){
$(this).parents(".select-wrap;first").remove();
$(".select-wrap:last input[type='button']").show();
}
});
});
</script>
</head>
<body>
<div id=pun>
<div id=Wrap-All>
<div class=select-wrap>
<input type="checkbox" value="">
<select size="1" name="type[1]" style="width:150px;">
<option value="0" selected>01.Юридические, бухгалтерские и аудиторские услуги</option>
<option value="1">02.Риэлторы</option>
<option value="2">03.Компьютеры, ПО и прочее</option>
</select>
<select size="1" name="url[1]" style="width:300px;">
<option value="m1">74.11 Деятельность в области права</option>
<option value="m2">74.12 Деятельность в области бухгалтерского учета и аудита</option>
<option value="m3">74.12.1 Деятельность в области бухгалтерского учета</option>
<option value="m4">74.12.2 Аудиторская деятельность</option>
<option value="m5">74.14 Консультирование по вопросам коммерческой деятельности и управления</option>
<option value="m6">74.83 Предоставление секретарских, редакторских услуг и услуг по переводу</option>
</select>
<span class="button-wrap"><input type="button" value="Добавить"></span>
</div>
</div><!--//End div_id=Wrap-All -->
<br />
<p><input name="delete" type="button" value="Удалить"></p>
</div>
</body>
</html>
|
Цитата:
|
Внимание! - Формат списка - изменился - Теперь в конце каждой строки точка с запятой и слешь ( ;\)
Перед запятой, разделяющие селекторы - относящимся к разным пунктам точку с запятой и слешь не ставим
|