Форум

zevilz · #1 (**permalink**) 02.10.2012, 18:36

Есть вот такой вот 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 · #2 (**permalink**) 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 · #3 (**permalink**) 02.10.2012, 23:20

Сообщение от zevilz

Необходимо написать условие при нажатии на оптионы со значениями.

А это вообще мало понятно...

act · #4 (**permalink**) 02.10.2012, 23:24

http://www.php.ru/forum/viewtopic.ph...335557#p335557

ksa · #5 (**permalink**) 02.10.2012, 23:27

act, там явно перемудрили...

<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 · #6 (**permalink**) 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 · #7 (**permalink**) 02.10.2012, 23:48

ksa, решений можно сделать массу.

Перемудрил автор темы с идами и классами.

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

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

ksa · #8 (**permalink**) 03.10.2012, 08:58

Сообщение от act

Зато гибко будет

Потопил...

Your · #9 (**permalink**) 03.10.2012, 10:20

zevilz · #10 (**permalink**) 03.10.2012, 21:52

Сообщение от lord2kim

<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>

Спасибо, как раз то, что необходимо)

Форум

Справочник

Discord чат

Курсы javascript