Помощ с JavaScript

[Evanescence]

[js]function getinfo()
{
var display = document.getElementById('show');
var mylist = document.getElementById("show");
var elem = document.getElementById('name').innerHTML = mylist.options[mylist.selectedIndex].title;
if ( elem == "12" ) { display.style.display="line"; } else { display.style.display="none"; }
}[/js]

<select name="name" size="1" id="lala" onchange="getinfo()">
<option title='55' value='test'>test1</option>
<option title='12' value='test'>test2</option>
</select>

<div id="show" style="display: none">
	test
</div>

Проблемът ми е следния: когато избера опция, и ако на избраната опция title='12' тогава да ми показва <div id="show" style="display: block"> ако ли не да си стои скрит.
Почти 8 часа съм си играл без почивка да чета насам / натам и все нищо не се получава. Та моля ви помогнете ми ако имате нужните знания... аз съм бос в JavaScripta. Благодаря!

 

[palex]

1. Опитваш да правиш getElementById с името
2. Не знам точно каква беше целта на оная работа с innerHTML
3. line стойност на display не знам да има

<select name="name" size="1" id="lala" onchange="getinfo()">
<option title='55' value='test'>test1</option>
<option title='12' value='test'>test2</option>
</select>

<div id="show" style="display: none">
	test
</div>

[js]
function getinfo()
{
var display = document.getElementById('show');
var mylist = document.getElementById("lala");
if (mylist.options[mylist.selectedIndex].value==12) {
// показваме
display.style.display="";
} else {
// скриваме
display.style.display="none";
}
}
[/js]

 

[relax4o]

3. line стойност на display не знам да има

Предполагам, е имал предвид inline.

 

[palex]

Стимулирам го да напише в Google "CSS display property"

3. line стойност на display не знам да има

Предполагам, е имал предвид inline.

 

[Evanescence]

Не работи ;/. На мен ми трябва да търся какво е title-то а не какво е value-то.
Предполагам трябва да стане така

if (mylist.options[mylist.selectedIndex].title==12)

а не

if (mylist.options[mylist.selectedIndex].value==12)

но пак не става.
Ето го целият ми код.

<select name="lala" size="1" id="lala" onchange="getinfo()">
		<?php
		$sql = mssql_query("SELECT [AccountID],[Name],[CtlCode],[LevelUpPoint],[Class] FROM [Character] WHERE [AccountID]='$username' order by cLevel desc") or die ('Немога да изпълня заявката :(');
		while($result = mssql_fetch_array($sql)){
		echo "<option title='$result[Class]' value='$result[Name]'>$result[Name] - LevelUpPoints: [$result[LevelUpPoint]]</option>";
		}
		?>
</select>

<div id="show" style="display: none">
	<input type='text' name='test' />
</div>

Ако $result[Class] е = 12 тогава да ми показва скритият <div id="show"> с <input>-а в него. ако не е го скрива.

 

[palex]

Мммм - да, не съм забелязал че търсиш title-а. При мен точно ей така работи:

<!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" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; UTF-8" />
	<script>
		function getinfo()
		{
		  var display = document.getElementById('show'); 
		  var mylist = document.getElementById("lala");
		  if (mylist.options[mylist.selectedIndex].title=='12') {
		    // показваме
		    display.style.display="";  
		  } else { 
		    // скриваме
		     display.style.display="none"; 
		  }
		}
	</script>
</head>
<body>
<select name="name" size="1" id="lala" onchange="getinfo()">
	<option title='55' value='test'>test1</option>
	<option title='12' value='test'>test2</option>
</select>
<div id="show" style="display: none">test</div>
</body>
</html>

 

[Evanescence]

Мммм - да, не съм забелязал че търсиш title-а. При мен точно ей така работи:

<!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" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; UTF-8" />
	<script>
		function getinfo()
		{
		  var display = document.getElementById('show'); 
		  var mylist = document.getElementById("lala");
		  if (mylist.options[mylist.selectedIndex].title=='12') {
		    // показваме
		    display.style.display="";  
		  } else { 
		    // скриваме
		     display.style.display="none"; 
		  }
		}
	</script>
</head>
<body>
<select name="name" size="1" id="lala" onchange="getinfo()">
	<option title='55' value='test'>test1</option>
	<option title='12' value='test'>test2</option>
</select>
<div id="show" style="display: none">test</div>
</body>
</html>

Благодаря ти от сърце. Стана най - после. Вчера 8 4аса си играх и саднах. Отново благодаря ти +1