Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.07.2020, 10:58
Кандидат Javascript-наук
Отправить личное сообщение для Hovik Посмотреть профиль Найти все сообщения от Hovik
 
Регистрация: 15.10.2018
Сообщений: 116

изменение атрибута
Здравствуйте, я работаю с атрибутом option selected
при нажати на группу кнопках нужно удалит все выставление selected в option и доварить к определенному selected, при первом нажати все работает хорошо но если например нажимаем первую кнопку патом трети потом еще рас первый то в htlm все нормально selected вставляется а вывод сбрасывается в первый option
$(document).on('click', '.menu_edit', function(e) {
    var target = $(e.target);
    if (target.is("button")) {
        var data = $(e.target).parent().text();
         } else{
          var data = $(e.target).parent().parent().text();
         }
        $.ajax({
            url: 'index.php?route=extension/module/strides_restoran_menu&action=edit&menu_name=' + data + '&user_token={{ token }}',
              type: 'GET',
              dataType: 'json',
            success: function(json) {
              $('#creat_menu #form-btns').nextAll('.form-group').remove();
              $.each(json, function(index, val) {
                $('#creat_menu #form-btns').after(
    ' <div class="form-group">' +
       '<label class="col-sm-2 control-label">{{ menu_price }}</label>'+
       '<div class="col-sm-2">'+
          '<input class="form-control" type="text" name="product_price[]" value="'+val.price+'">'+ 
       '</div>'+
       '<div class="col-sm-3">'+
          '<select name="product_id[]" class="form-control product_id">'+
            '{% for item in products_name %}'+
               '<option selected="false" value="{{ item.id }}" data-id="{{ item.id }}">{{ item.name }}</option>'+
               '{% endfor %}'+  
          '</select>'+ 
         '</div>'+
          '<button class="btn btn-danger product_delite" type="button"><i class="fa fa-trash"></i></button>'+
        '</div>'
        );

              $('#date option').each(function( key, vas ){
                    $(vas).attr('selected', function () {
                        if ( $(vas).val() === val.date ) {
                            $(this).attr( 'selected', true );
                        }else{
                            $(this).attr( 'selected', false );
                        }
                    });
               });             
           });
          }
      });
});
Изображения:
Тип файла: jpg Снимок.jpg (19.6 Кб, 3 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 07.07.2020, 11:02
Кандидат Javascript-наук
Отправить личное сообщение для Hovik Посмотреть профиль Найти все сообщения от Hovik
 
Регистрация: 15.10.2018
Сообщений: 116

это результат первого выбора
Изображения:
Тип файла: jpg Снимок.JPG (49.3 Кб, 2 просмотров)
Ответить с цитированием
  #3 (permalink)  
Старый 07.07.2020, 11:28
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Зачем строки кода 32-40, список со множественным выбором?
selected - это свойство и не смотря на то, что в html можно определить выбранную опцию посредством атрибута selected, в JQ со свойствами работают функцией .prop().
var target = $(e.target); - это тоже самое что и var target = $(this);
Ответить с цитированием
  #4 (permalink)  
Старый 07.07.2020, 12:09
Кандидат Javascript-наук
Отправить личное сообщение для Hovik Посмотреть профиль Найти все сообщения от Hovik
 
Регистрация: 15.10.2018
Сообщений: 116

Спасибо вам заработало
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
knockout js изменение атрибута class ShuggyBumblebee Библиотеки/Тулкиты/Фреймворки 1 17.08.2014 21:04
Изменение значения атрибута. tiros jQuery 0 05.05.2011 00:13
Изменение значения атрибута. tiros jQuery 0 05.05.2011 00:06
изменение атрибута JQUERY+IE anset Библиотеки/Тулкиты/Фреймворки 8 04.09.2010 13:22
в теге input изменение атрибута type gabber Internet Explorer 6 11.11.2008 13:01