<script language=JavaScript>
<!--
function mych() {
document.open();
document.write(содержимое_документа);
document.close();
}
//-->
</script>
<form>
<select name=mysel onChange="mych()">
<option value=1> bla bla
<option value=2> blo
<option value=3> blibli
</select>
<br>
<select name=mysubsel>
<!-- Здесь надо сгенерировать хтмл код...-->
</script>
</select>
JavaScript раскрывающиеся списки
Вопрос новичка. Нужно при смене значения в одном раскрывающемся списке вызвать функцию, которая будет менять список значений в другом раскрывающемся списке. В учебниках нашел только способ через document.open(), document.write(), document.close(). То есть формирование всего содержимого документа по новой.
У меня вопросы такие:
1. есть ли в ява скрипте спообы изменить часть документа при наступлении события?
2. можно ли получить доступ к полям раскрывающегося списка и изменить их?
Код:
У меня вопросы такие:
1. есть ли в ява скрипте спообы изменить часть документа при наступлении события?
2. можно ли получить доступ к полям раскрывающегося списка и изменить их?
1)есть
2)можно
В поиск по форуму. Объяснялось уже несколько сотен раз.
2)можно
В поиск по форуму. Объяснялось уже несколько сотен раз.
блииииин! какая это жопа изучать язык с нуля. ничерта не врубаесся, а на форумах постоянно то в гугл пошлют, то еще куда
Вот, как пример, немного не то, но может поможет....
[HTML]<html>
<HEAD>
<title>Показ формы-меню в зависимости от заполнения радио-кнопки</title>
<script type="text/javascript">
<!-- Begin
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Rick Johnson :: http://www.vistaviews.net/myPage/ */
function buildSelect(x) { //alert(x) ; //return
if (x == "12") {
/* set choices 1 and 2 */
option0 = new Option("Please Select",0)
option1 = new Option("Value 1",1)
option2 = new Option("Value 2",2)
// write them
document.form1.fieldB.options[0] = option0
document.form1.fieldB.options[1] = option1
document.form1.fieldB.options[2] = option2
return;
}
if (x == "34") {
/* set choices 3 and 4 */
option0 = new Option("Please Select",0)
option1 = new Option("Value 3",1)
option2 = new Option("Value 4",2)
// write them
document.form1.fieldB.options[0] = option0
document.form1.fieldB.options[1] = option1
document.form1.fieldB.options[2] = option2
return;
}
if (x == "00") {
/* set choices to none */
option0 = new Option("None",0)
option1 = new Option("",1)
option2 = new Option("",2)
// write them
document.form1.fieldB.options[0] = option0
document.form1.fieldB.options[1] = option1
document.form1.fieldB.options[2] = option2
return;
}
}
// End -->
</script>
</HEAD>
<body>
<div align="center">
<form name="form1">
<select name="fieldB">
<option size="15">
</select>
<br>
<input type="radio" name="choice" onclick="buildSelect(12)"> Add choices 1 and 2
<input type="radio" name="choice" onclick="buildSelect(34)"> Add choices 3 and 4<br>
<input type="radio" name="choice" onclick="buildSelect(00)">Clear all choices
</form>
</div>
</body>
</html>[/HTML]
[HTML]<html>
<HEAD>
<title>Показ формы-меню в зависимости от заполнения радио-кнопки</title>
<script type="text/javascript">
<!-- Begin
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Rick Johnson :: http://www.vistaviews.net/myPage/ */
function buildSelect(x) { //alert(x) ; //return
if (x == "12") {
/* set choices 1 and 2 */
option0 = new Option("Please Select",0)
option1 = new Option("Value 1",1)
option2 = new Option("Value 2",2)
// write them
document.form1.fieldB.options[0] = option0
document.form1.fieldB.options[1] = option1
document.form1.fieldB.options[2] = option2
return;
}
if (x == "34") {
/* set choices 3 and 4 */
option0 = new Option("Please Select",0)
option1 = new Option("Value 3",1)
option2 = new Option("Value 4",2)
// write them
document.form1.fieldB.options[0] = option0
document.form1.fieldB.options[1] = option1
document.form1.fieldB.options[2] = option2
return;
}
if (x == "00") {
/* set choices to none */
option0 = new Option("None",0)
option1 = new Option("",1)
option2 = new Option("",2)
// write them
document.form1.fieldB.options[0] = option0
document.form1.fieldB.options[1] = option1
document.form1.fieldB.options[2] = option2
return;
}
}
// End -->
</script>
</HEAD>
<body>
<div align="center">
<form name="form1">
<select name="fieldB">
<option size="15">
</select>
<br>
<input type="radio" name="choice" onclick="buildSelect(12)"> Add choices 1 and 2
<input type="radio" name="choice" onclick="buildSelect(34)"> Add choices 3 and 4<br>
<input type="radio" name="choice" onclick="buildSelect(00)">Clear all choices
</form>
</div>
</body>
</html>[/HTML]
Цитата: littlefrankie
блииииин! какая это жопа изучать язык с нуля. ничерта не врубаесся, а на форумах постоянно то в гугл пошлют, то еще куда
Правильно посылают. Такие вопросы постоянно поднимаю. Тебе значит лень почитать документация, а мы тебе помогать должны?
Читать тут: http://www.experiment.net.ru/js1/index.php и тут http://developer.mozilla.org/ru/docs/JavaScript до полного понимания.