Изменение текста jq ui selectmenu
При нажатии на переключатель текст должен сразу измениться, но изменяемый текст появляется в списке, а старый так и остаётся не изменённым. В документации ничего не нашёл. Как исправить?
Маленький код:
<select name="theme" class="op1">
<option value="ox" id="q1">Выбор 1</option>
</select>
<input name="dz" type="radio" value="nedzen">
$('select').selectmenu();
$(':radio').click(function(){
if($(this).val()=="nedzen"){
$("#q1").text("Изменён");
}
});
|
Aqua77,
можно узнать зачем? |
Хочу разобраться в этом плагине
|
Если убрать первую строку "$('select').selectmenu()" то всё хорошо, но это уже без применения плагина
|
Цитата:
|
Цитата:
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css"> .op1{
width: 200px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script>
$(function() {
$(":radio").click(function() {
$("select").selectmenu("nedzen" == this.value ? ($("#q1").text("Изменён"),"disable") : ($("#q1").text("Выбор 1"),"enable"));
$("select").selectmenu("refresh" )
});
$("select").selectmenu()
});
</script>
</head>
<body>
<select name="theme" class="op1">
<option value="ox" id="q1">Выбор 1</option>
<option value="light">Выбор 2</option>
<option value="dark">Выбор 3</option>
</select>
<input name="dz" id="dzen" type="radio" value="dzen">
<label for="dzen" >Открыть</label>
<input name="dz" id="nedzen" type="radio" value="nedzen">
<label for="nedzen">Закрыть</label>
</body>
</html>
|
$("select").selectmenu("refresh" ) - Ключевая функция
|
| Часовой пояс GMT +3, время: 03:50. |