Тема: JQuery и Select
Показать сообщение отдельно
  #7 (permalink)  
Старый 03.11.2011, 15:07
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от iskiz
Немного меня не поняли.
ну конечно!
Сообщение от iskiz
У меня есть кнопка "Добавить файл" и нужно, чтобы эта кнопка отображалась только при выборе категорий "Файлы, Видео, Музыка"
Как же я сразу-то не догадался!

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
#container {
	display: none;
}
#category {
	width: 302px;
	height: 22px;
}
#category option {
	color: black;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
	$("#category").click(function (){
		var typ=this.options[this.selectedIndex].className;
		if (typ=='file') {
			$("#container").show();
		} else {
			$("#container").hide();
		};
	});
});
</script>
</head>
<body>
<select name="catlist[]" id="category">
	<option></option>
	<option value="11">Текст1</option>
	<option value="22">Текст2</option>
	<option value="33">Текст3</option>
	<option value="44">Текст4</option>
	<option value="55">Текст5</option>
	<option value="66">Текст6</option>
	<option class='file' value="77">Музыка</option>
	<option class='file' value="88">Видео</option>
	<option class='file' value="99">Файлы</option>
</select>
<div id="container">
	<button>Добавить файл</button>
</div>
</body>
</html>
Ответить с цитированием