<style>
#test{
display:none;
}
#test2{
display:none;
}
#test3{
display:none;
}
</style>
<script>
function my_function(id)
{
switch(id)
{
case 1:
document.getElementById("test").style.display="block";
break;
case 2:
document.getElementById("test2").style.display="block";
break;
case 3:
document.getElementById("test3").style.display="block";
break;
}
}
</script>
<form method="post">
<select name="variants">
<option name="asd" id="1" onclick="javascript:my_function(this.id)">test</option>
<option name="asdd" id="2" onclick="javascript:my_function(this.id)">test2</option>
<option name="asddd" id="3" onclick="javascript:my_function(this.id)">test3</option>
</select>
<div id="test"><input type="text" value="test" name="test"></div>
<div id="test2"><input type="text" value="test2" name="test2"></div>
<div id="test3"><input type="text" value="test3" name="test3"></div>
</form>
вот собственно...
Спустя 5 минут, 25 секунд (14.06.2011 - 22:31) sharki написал(а):
Guest
Ты не получишь просто так атрибут ID.
Сделай на подобии
Ты не получишь просто так атрибут ID.
Сделай на подобии
<option name="asd" id="1" onclick="javascript:my_function(this)">test</option>
.............
function my_function(obj)
{
switch(obj.getAttribute("id"))
{
case 1:
document.getElementById("test").style.display="block";
break;
case 2:
document.getElementById("test2").style.display="block";
break;
case 3:
document.getElementById("test3").style.display="block";
break;
}
}
Спустя 9 минут, 24 секунды (14.06.2011 - 22:41) Guest написал(а):
и все равно нет
Спустя 1 минута, 21 секунда (14.06.2011 - 22:42) Winston написал(а):
Во как
Свернутый текст
<style>
#test{
display:none;
}
#test2{
display:none;
}
#test3{
display:none;
}
</style>
<script>
function my_function(id)
{
switch(id)
{
case '1':
document.getElementById("test").style.display="block";
break;
case '2':
document.getElementById("test2").style.display="block";
break;
case '3':
document.getElementById("test3").style.display="block";
break;
}
}
</script>
<form method="post">
<select name="variants" OnChange="my_function(this.options[this.selectedIndex].id)">
<option name="asd" id="1">test</option>
<option name="asdd" id="2">test2</option>
<option name="asddd" id="3">test3</option>
</select>
<div id="test"><input type="text" value="test" name="test"></div>
<div id="test2"><input type="text" value="test2" name="test2"></div>
<div id="test3"><input type="text" value="test3" name="test3"></div>
</form>
Спустя 2 минуты, 14 секунд (14.06.2011 - 22:44) Guest написал(а):
спс вам большое:) все робит)
Спустя 20 минут, 13 секунд (14.06.2011 - 23:04) linker написал(а):
Нет придела совершенству
<style>
div.test
{
display:none;
}
</style>
<script>
function my_function(value)
{
document.getElementById("test" + value).style.display="block";
}
</script>
<form method="post">
<select name="variants" onchange="my_function(this.value)">
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>
<div class="test" id="test1"><input type="text" value="test1" name="test1"></div>
<div class="test" id="test2"><input type="text" value="test2" name="test2"></div>
<div class="test" id="test3"><input type="text" value="test3" name="test3"></div>
</form>