Действие по выбранному 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')
{
...........
}
});
|
Цитата:
<!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>
|
Цитата:
|
|
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>
|
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>
|
ksa, решений можно сделать массу.
Перемудрил автор темы с идами и классами. :D Это все в аккурат можно в стилях сделать. А вот то, что отправили this и в функции приняли в объект jquery. Зато гибко будет и так и так можно будет принять и изменить уже в функции. |
Цитата:
|
:D
|
Цитата:
|
| Часовой пояс GMT +3, время: 03:17. |