javascript kod

G

grozev1985

Registered
имам следното падащо меню:
Код: 
<form><select size="1" name="select">
<option>1</option>
<option>2</option>
<option>3</option>
</select></form>
как да направя javascript функция, която при избор 1 да създаде едно текстово поле след падащото меню, ако се избере 2 - да се създадът 2 текстови полета и при 3 - три текстови полета. И каде да я добавя за да се изпълнява при смяната от падащото меню
 
<form>
<select size="1" name="select">
<option onclick="textarea1()">1</option>
<option onclick="textarea2()">2</option>
<option onclick="textarea3()">3</option>
</select>
</form>

И ето функциите:

function textarea1() {
document.write("<textarea>asdf</textarea>");
}

И аналогично за другите 2.. :)
 
ами ако не са 3 избора, а са 20 става дървено, неможе ли с някой цикъл или нещо друго
 
искам функцията да приема параметъра от падащото меню и в зависимост от него да прави чрез цикъл толкова текстови полета колто е параметъра
 
Я виж това:
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function check() {
var number = document.getElementById('izbor').value;
var object1 = document.getElementById('name1');
var object2 = document.getElementById('name2');
var object3 = document.getElementById('name3');
if(number == 1)
	{
		object1.style.visibility = "visible";
		object2.style.visibility = "hidden";
		object3.style.visibility = "hidden";
	}
if(number == 2)
	{
		object1.style.visibility = "visible";
		object2.style.visibility = "visible";
		object3.style.visibility = "hidden";
	}
if(number == 3)
	{
		object1.style.visibility = "visible";
		object2.style.visibility = "visible";
		object3.style.visibility = "visible";
	}
	
}
</script>
</head>

<body>
<select onchange="check()" id="izbor">
	<option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
<input type="text" name="name1" id="name1" style="visibility:hidden"/>
<input type="text" name="name2" id="name2" style="visibility:hidden" />
<input type="text" name="name3" id="name3" style="visibility:hidden" />
</body>
</html>
 
Може,но за какво са ти 20 тексареи? :D

<form id="f">
<select size="1" name="select" id="select">
<option onclick="textarea()">1</option>
<option onclick="textarea()">2</option>
<option onclick="textarea()">3</option>
</select>
</form>

И ето функциите:

function textarea() {
var broi = document.forms.f.select.value;
for ($i=0;$i<broi;$i++){
document.write("<textarea>asdf</textarea>");
}
}
 
grozev1985 каза:
а неможе ли за повече но с някакъв цикъл да не се пише много
Увеличете...
Има ли значение колко се пише?Ако ти е много кода, просто си вземи javascript kода, сложи си го в един отделен файл .js.А нали си правиш сметка,че трябва да предвидиш тези "многото" полета, че иначе дизайна ти ше стане на "ластик" :?:
 
добре де предвидил сам че тези полета ще са най-много 10 как ще стане
съжалявам че съм толкова дървен в джавата :). Защото идеята е че: ще напиша в отделен отговор ....
 
Ами аз вече съм ти го написъл,ама кой да чете:

<form id="f">
<select size="1" name="select" id="select">
<option onclick="textarea()">1</option>
<option onclick="textarea()">2</option>
<option onclick="textarea()">3</option>
</select>
</form>


function textarea() {
var broi = document.forms.f.select.value;
for ($i=0;$i<broi;$i++){
document.write("<textarea>asdf</textarea>");
}
}
Увеличете...
 
значи влиза потребител в страницата(тя е за правене на въпрос от различен тип): там има едно падащо меню с 5 избора(различните типове въпроси): Множествен избор, Единствен избор, Текстово поле, Падащо меню, Избор от възможни.
та когато е избрано "Текстово поле" не се показва падащото меню с 10-те възможности, а в другите случаи се показва и от избора му се показват толкова текстови полета за отговор на създавания въпрос.
разбрахте ли идеята ако не да ви уточня каквото искате и да помогнете
:cry:
 
Я пробвай това:
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function check() {
var broi = document.getElementById('izbor').value;
for ($i=0;$i<broi;$i++){
document.write("<input type='text' />");
}
}
</script>
</head>

<body>
<select onchange="check()" id="izbor">
	<option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
</select>
</body>
</html>
 
grozev1985 каза:
добро е ама сега проблема е че при избор падащото меню изчезва
Увеличете...
Еми ползай моя първия начин, като знаеш точно колко poleta ти трябват!
 
много ми хареса последния ти пример и бих искал да го използвами бих те питал неможе ли да се измисли нещи че падащото меню да си стои без да изчезва
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе