Получение значения SELECT
Добрый день.
Выдержка из кода:
<select id="ObjectSensorsAddList">
<option value="1">First</option>
<option value="2">Second</option>
</select>
<script>
$( "#ObjectSensorsAddList" ).selectmenu();
$( "#ObjectSensorsAddList" ).change(function() {
alert( "Handler for .change() called. Value="+...... );
});
</script>
Не работает alert. На сколько я понимаю, вызвав .selectmenu(); мой SELECT (тот у которого я прописал ID) уже вообще не участвует в коде и надо как-то иначе обращаться к другому объекту. Собственно не понятно как следствие как вытащить value из этой конструкции. Спасибо |
|
$('#ObjectSensorsAddList').change(function() {
var value = $(this).children(':selected').val();
alert( "Handler for .change() called. Value = " + value);
});
|
selectmenu change
karden,
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>selectmenu demo</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<style>
label { display: block; }
select { width: 200px; }
</style>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
</head>
<body>
<label for="speed">Select a speed:</label>
<select name="speed" id="speed">
<option value="Slower">Slower</option>
<option value="Slow">Slow</option>
<option value="Medium" selected>Medium</option>
<option value="Fast">Fast</option>
<option value="Faster">Faster</option>
</select>
<script>
$( "#speed" ).selectmenu({change: function( event, ui ) {alert(ui.item.value)}});
</script>
</body>
</html>
|
Цитата:
|
Decode,
селектор кастомизирован, события change при изменении программно не возникнет, либо специально тригерить в плагине, либо использовать возможности плагина |
Спасибо. Понял куда копать. Думаю, что сейчас все прикручу.
|
| Часовой пояс GMT +3, время: 06:09. |