<Html>
<Head>
<Script Language="JavaScript">
var maxLength = 20;
website = new Array;
website[0] = "Êàòåãîðèÿ - 1";
website[1] = "Êàòåãîðèÿ - 2";
website[2] = "Êàòåãîðèÿ - 3";
website[3] = "Êàòåãîðèÿ - 4";
var trueLength = website.length;
var lst = website.length;
url = new Array;
url[0] = "#";
url[1] = "#";
url[2] = "#";
url[3] = "#";
url[4] = "#";
ccselect = new Array;
ccselect[0] = "Êàòåãîðèÿ - 1";
ccselect[1] = "Êàòåãîðèÿ - 2";
ccselect[2] = "Êàòåãîðèÿ - 3";
ccselect[3] = "Êàòåãîðèÿ - 4";
function changePage()
{menuNum = document.ccDoubleList.ccBitsyG.selectedIndex;
if (menuNum == null)
{alert("Please select a category from the menu.");
return;}
else
{i = document.ccDoubleList.ccDoubleZ.selectedIndex;
window.location.href = url;}}
function changeMenu()
{website.length = 0;
menuNum = document.ccDoubleList.ccBitsyG.selectedIndex;
if (menuNum == null) return;
if (menuNum == 0)
{website = new Array;
website[0] = new Option("Ïóíêò 1.1");
website[1] = new Option("Ïóíêò 1.2");
website[2] = new Option("Ïóíêò 1.3");
website[3] = new Option("Ïóíêò 1.4");
website[4] = new Option("Ïóíêò 1.5");
url = new Array;
url[0] = "#";
url[1] = "#";
url[2] = "#";
url[3] = "#";
url[4] = "#";
}
if (menuNum == 1)
{website = new Array;
website[0] = new Option("Ïóíêò 2.1");
website[1] = new Option("Ïóíêò 2.2");
website[2] = new Option("Ïóíêò 2.3");
website[3] = new Option("Ïóíêò 2.4");
website[4] = new Option("Ïóíêò 2.5");
url = new Array;
url[0] = "#";
url[1] = "#";
url[2] = "#";
url[3] = "#";
url[4] = "#";
}
if (menuNum == 2)
{website = new Array;
website[0] = new Option("Ïóíêò 3.1");
website[1] = new Option("Ïóíêò 3.2");
website[2] = new Option("Ïóíêò 3.3");
website[3] = new Option("Ïóíêò 3.4");
website[4] = new Option("Ïóíêò 3.5");
url = new Array;
url[0] = "#";
url[1] = "#";
url[2] = "#";
url[3] = "#";
url[4] = "#";
}
if (menuNum == 3)
{website = new Array;
website[0] = new Option("Ïóíêò 4.1");
website[1] = new Option("Ïóíêò 4.2");
website[2] = new Option("Ïóíêò 4.3");
website[3] = new Option("Ïóíêò 4.4");
website[4] = new Option("Ïóíêò 4.5");
url = new Array;
url[0] = "#";
url[1] = "#";
url[2] = "#";
url[3] = "#";
url[4] = "#";
}
tot = website.length;
for (i = lst; i > 0; i--)
{document.ccDoubleList.ccDoubleZ.options = null;}
for (i = 0; i < tot; i++)
{document.ccDoubleList.ccDoubleZ.options = website;}
document.ccDoubleList.ccDoubleZ.options[0].selected = true;
lst = website.length;}
</Script>
</Head>
<Body BgColor="#ffffff">
<Script Language="JavaScript">
with (document)
{writeln('<Center>');
writeln('<Table Border=0 CellSpacing=0 CellPadding=3>');
writeln('<Tr><Form Name="ccDoubleList"><Td Align=Left>');
writeln('<Font Face=Verdana,Tahoma,Arial Size=2 Color=#000000>Êàòåãîðèÿ</Font>
');
writeln('<Select Name="ccBitsyG" onChange="changeMenu(this.form)">');
tot = ccselect.length;
for (i = 0; i < tot; i++)
writeln("<Option>" +ccselect);
writeln("</Select>");
writeln('</Td><Td>');
writeln('<Font Face=Verdana,Tahoma,Arial Size=2 Color=#000000>Ìåíþ</Font>
');
writeln('<Select Name="ccDoubleZ">');
for (i = 0; i < maxLength; i++)
writeln("<OPTION>" +website);
writeln("</Select>");
for (i = maxLength; i > trueLength; i--)
{ccDoubleList.ccDoubleZ.options = null;}
writeln('</Td><Td Valign=bottom><A Href="java script:changePage();">');
writeln('</A>');
writeln('</Td></Tr>');
changeMenu();
writeln('</Form>');
writeln('</Table>');
writeln('</Center>');
}
</Script>
</Body>
</Html>
Как свзяать два списка?
передаю странице два массива -
countries=array(...
RU->Russian
...
}
cities=array(
...
RU->...,Moscow,S-Peterburg,...
)
Как можно связать эти два массива списками так, чтобы при выборе значения из первого ссписка (массив countries) - выбиралось соответ. значение из второго массива и отображалось во втором списке.
Цитата:
Originally posted by edson
Вот такая задача -
передаю странице два массива -
countries=array(...
RU->Russian
...
}
cities=array(
...
RU->...,Moscow,S-Peterburg,...
)
Как можно связать эти два массива списками так, чтобы при выборе значения из первого ссписка (массив countries) - выбиралось соответ. значение из второго массива и отображалось во втором списке.
Вот такая задача -
передаю странице два массива -
countries=array(...
RU->Russian
...
}
cities=array(
...
RU->...,Moscow,S-Peterburg,...
)
Как можно связать эти два массива списками так, чтобы при выборе значения из первого ссписка (массив countries) - выбиралось соответ. значение из второго массива и отображалось во втором списке.
Ты хочешь это делать динамически или через перезагрузку страницы?
Цитата:
Originally posted by ШМИТ
Ты хочешь это делать динамически или через перезагрузку страницы?
Ты хочешь это делать динамически или через перезагрузку страницы?
Динамически.
Я думал свормировать два массива из этих двух уже в странице типа :
Array1[0]='Russia';
Array2['Russia']='Moscow,S-Peterburg,...';
.....
И уже из этих данных формировать значения для второго списка, но я не силён в JS поэтому прошу помощи...
Цитата:
Originally posted by edson
Динамически.
Я думал свормировать два массива из этих двух уже в странице типа :
Array1[0]='Russia';
Array2['Russia']='Moscow,S-Peterburg,...';
.....
И уже из этих данных формировать значения для второго списка, но я не силён в JS поэтому прошу помощи...
Динамически.
Я думал свормировать два массива из этих двух уже в странице типа :
Array1[0]='Russia';
Array2['Russia']='Moscow,S-Peterburg,...';
.....
И уже из этих данных формировать значения для второго списка, но я не силён в JS поэтому прошу помощи...
Я тут где-то недавно отвечал на такой же вопрос. Поищи. Должно быть.
Цитата:
Originally posted by edson
Вот такая задача -
передаю странице два массива -
countries=array(...
RU->Russian
...
}
cities=array(
...
RU->...,Moscow,S-Peterburg,...
)
Как можно связать эти два массива списками так, чтобы при выборе значения из первого ссписка (массив countries) - выбиралось соответ. значение из второго массива и отображалось во втором списке.
Вот такая задача -
передаю странице два массива -
countries=array(...
RU->Russian
...
}
cities=array(
...
RU->...,Moscow,S-Peterburg,...
)
Как можно связать эти два массива списками так, чтобы при выборе значения из первого ссписка (массив countries) - выбиралось соответ. значение из второго массива и отображалось во втором списке.
Есть два способа:
1) Способ 1
Код:
Цитата:
Originally posted by edson
Вот такая задача -
передаю странице два массива -
countries=array(...
RU->Russian
...
}
cities=array(
...
RU->...,Moscow,S-Peterburg,...
)
Как можно связать эти два массива списками так, чтобы при выборе значения из первого ссписка (массив countries) - выбиралось соответ. значение из второго массива и отображалось во втором списке.
Вот такая задача -
передаю странице два массива -
countries=array(...
RU->Russian
...
}
cities=array(
...
RU->...,Moscow,S-Peterburg,...
)
Как можно связать эти два массива списками так, чтобы при выборе значения из первого ссписка (массив countries) - выбиралось соответ. значение из второго массива и отображалось во втором списке.
2) Способ 2
Код:
<html>
<head>
<script language="JavaScript" type="text/JavaScript">
var city = new Array();
city['1'] = "all|Поиск по всему сайту"
city['2'] = "news|Поиск в новостях"
city['3'] = "1|Уход за кожей|2|Декоративная косметика|3|SPA&Уход за телом|4|Ароматы"
<!--
function Build(selSelect,selSelected)
{
var tmp = new Array();
var s;
s = '<select name="city" style="width:170;">';
tmp = city[selSelect].split('|');
for (j=0; j < tmp.length; j++) {
if ((j % 2) == 0) {
if (tmp[j]==selSelected){
s = s + '<option value="' + tmp[j] + '" selected>';
}
else{
s = s + '<option value="' + tmp[j] + '">';
}
} else {
s = s + tmp[j];
}
}
s = s + '</select>';
document.write(s);
}
function MakeIt(f)
{
var k = f.options[f.selectedIndex].value;
var tmp = new Array();
var s, j;
s = '<select name="city" style="width:170;">';
if (city[k] != null) {
tmp = city[k].split('|');
for (j=0; j < tmp.length; j++) {
if ((j % 2) == 0) {
s = s + '<option value="' + tmp[j] + '">';
} else {
s = s + tmp[j];
}
}
}
s = s + '</select>';
sel.innerHTML = s;
}
</script>
</head>
<body>
<form name="frmSiteSearch" method="post" action="page.php?page_id=192&lang=1">
<select name="search_type" style="width:170;" class="textbox" onChange="MakeIt(this);">
<option value="1">Поиск по всему сайту</option>
<option value="2">Поиск в новостях</option>
<option value="3">Поиск в продуктах</option>
</select>
<div id="sel">
<script language="javascript">
Build(1,'all');
</script>
</div>
</form>
</body>
</html>
<head>
<script language="JavaScript" type="text/JavaScript">
var city = new Array();
city['1'] = "all|Поиск по всему сайту"
city['2'] = "news|Поиск в новостях"
city['3'] = "1|Уход за кожей|2|Декоративная косметика|3|SPA&Уход за телом|4|Ароматы"
<!--
function Build(selSelect,selSelected)
{
var tmp = new Array();
var s;
s = '<select name="city" style="width:170;">';
tmp = city[selSelect].split('|');
for (j=0; j < tmp.length; j++) {
if ((j % 2) == 0) {
if (tmp[j]==selSelected){
s = s + '<option value="' + tmp[j] + '" selected>';
}
else{
s = s + '<option value="' + tmp[j] + '">';
}
} else {
s = s + tmp[j];
}
}
s = s + '</select>';
document.write(s);
}
function MakeIt(f)
{
var k = f.options[f.selectedIndex].value;
var tmp = new Array();
var s, j;
s = '<select name="city" style="width:170;">';
if (city[k] != null) {
tmp = city[k].split('|');
for (j=0; j < tmp.length; j++) {
if ((j % 2) == 0) {
s = s + '<option value="' + tmp[j] + '">';
} else {
s = s + tmp[j];
}
}
}
s = s + '</select>';
sel.innerHTML = s;
}
</script>
</head>
<body>
<form name="frmSiteSearch" method="post" action="page.php?page_id=192&lang=1">
<select name="search_type" style="width:170;" class="textbox" onChange="MakeIt(this);">
<option value="1">Поиск по всему сайту</option>
<option value="2">Поиск в новостях</option>
<option value="3">Поиск в продуктах</option>
</select>
<div id="sel">
<script language="javascript">
Build(1,'all');
</script>
</div>
</form>
</body>
</html>
Как динамически создать думаю сам дойдешь :-)
Цитата:
Originally posted by S_K_I_V--WEBER
Как динамически создать думаю сам дойдешь :-)
Как динамически создать думаю сам дойдешь :-)
Огромное человеческое спасибо...