Форум

Aqua77 · #1 (**permalink**) 02.02.2017, 14:55

При нажатии на переключатель текст должен сразу измениться, но изменяемый текст появляется в списке, а старый так и остаётся не изменённым. В документации ничего не нашёл. Как исправить?

Маленький код:

<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("Изменён");
        }
    });

рони · #2 (**permalink**) 02.02.2017, 15:14

Aqua77,
можно узнать зачем?

Aqua77 · #3 (**permalink**) 02.02.2017, 15:16

Хочу разобраться в этом плагине

Aqua77 · #4 (**permalink**) 02.02.2017, 15:18

Если убрать первую строку "$('select').selectmenu()" то всё хорошо, но это уже без применения плагина

рони · #5 (**permalink**) 02.02.2017, 15:21

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

В документации ничего не нашёл. Как исправить?

читать документацию, понять что селектор и ~~шуба на нём~~ плагин это разное.

рони · #6 (**permalink**) 02.02.2017, 15:28

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

Хочу разобраться в этом плагине

медитируйте ...

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

Aqua77 · #7 (**permalink**) 02.02.2017, 17:47

$("select").selectmenu("refresh" ) - Ключевая функция

Форум

Справочник

Discord чат

Курсы javascript