Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Действие по выбранному option (https://javascript.ru/forum/events/32080-dejjstvie-po-vybrannomu-option.html)

zevilz 02.10.2012 18:36
Действие по выбранному option
 
Есть вот такой вот select:
<select id="type">
	<option disabled selected>Выберите тип</option>
	<option value="1">Тип 1</option>
	<option value="2">Тип 2</option>
</select>

Необходимо написать условие при нажатии на оптионы со значениями.
Где тут косяк?
$(document).ready(function(){
	if ($('#type option:selected').val() == '1')
	{
		...........
	}
	if ($('#type option:selected').val() == '2')
	{
		...........
	}
});

ksa 02.10.2012 23:15
Цитата:
Сообщение от zevilz
Где тут косяк?
Так понятно?

<!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">
</style>
<script type="text/javascript">
$(document).ready(function(){
	alert($('#type option:selected').val());
	if ($('#type option:selected').val() == '1') {
		alert(1);
	};
	if ($('#type option:selected').val() == '2') {
		alert(2);
	};
});
</script>
</head>
<body>
<select id="type">
	<option disabled selected>Выберите тип</option>
	<option value="1">Тип 1</option>
	<option value="2">Тип 2</option>
</select>
</div>
</body>
</html>

ksa 02.10.2012 23:20
Цитата:
Сообщение от zevilz
Необходимо написать условие при нажатии на оптионы со значениями.
А это вообще мало понятно...

act 02.10.2012 23:24
http://www.php.ru/forum/viewtopic.ph...335557#p335557

ksa 02.10.2012 23:27
act, там явно перемудрили... :D 

<script>
function slctt(Val) {
    alert(Val);
};
</script>
<select name="menu" size="1" class="class-selector" onchange="slctt(this.value)" id="classelected">
<option value="0">Not Chosen</option>
<option value="1">Bounty Hunter</option>
<option value="2" >Imperial Agent</option>
<option value="3">Sith Inquisitor</option>
<option value="4">Sith Warrior</option>
<option value="5">Jedi Knight</option>
<option value="6">Jedi Consular</option>
<option value="7">Smuggler</option>
<option value="8">Trooper</option>
</select>

lord2kim 02.10.2012 23:31
zevilz,
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<select id="type">
	<option disabled selected>Выберите тип</option>
	<option value="1">Тип 1</option>
	<option value="2">Тип 2</option>
</select>
<script type="text/javascript">
$("#type").change(function(){
    switch($('#type').val()) {
        case "1": alert(1); break;
        case "2": alert(2); break;
        default: alert($('#type').val()); break;
    }
});
</script>
</body>
</html>

act 02.10.2012 23:48
ksa, решений можно сделать массу.

Перемудрил автор темы с идами и классами. :D
Это все в аккурат можно в стилях сделать.

А вот то, что отправили this и в функции приняли в объект jquery.
Зато гибко будет и так и так можно будет принять и изменить уже в функции.

ksa 03.10.2012 08:58
Цитата:
Сообщение от act
Зато гибко будет
Потопил... :lol:

Your 03.10.2012 10:20
:D

zevilz 03.10.2012 21:52
Цитата:
Сообщение от lord2kim (Сообщение 207872) 
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<select id="type">
	<option disabled selected>Выберите тип</option>
	<option value="1">Тип 1</option>
	<option value="2">Тип 2</option>
</select>
<script type="text/javascript">
$("#type").change(function(){
    switch($('#type').val()) {
        case "1": alert(1); break;
        case "2": alert(2); break;
        default: alert($('#type').val()); break;
    }
});
</script>
</body>
</html>
Спасибо, как раз то, что необходимо)


Часовой пояс GMT +3, время: 06:48.