Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Применение библиотек > Самоплодящийся <option>


Автор: Jops 14.2.2013, 13:02
Здравствуйте уважаемые!

Я к вам с довольно таки нубским вопросом, но ни как не решаемым моими силами.
Есть функция, формирующая из данных базы <option> и вставляющая ИХ в <select>.
Сам <select> находится в диалогом окне. При запуске диалогового окна, запускается эта функция и формирует <option>.
Диалоговое окно создано для создания и редактирования определённого ОБЪЕКТА, то есть окно не закрывается после действия с ним, но обновляется страница (что бы отобразить изменения). И тут наступает проблема: Диалоговое окно вновь запускает эту функцию и наполняется очередной порцией абсолютно таких же <option> (то есть было три, а стало шесть, по два одинаковых).

Помогите оградиться от самооплодотворения <option> или наведите на мысль.
Заранее благодарю всех тех, кто откликнется!





Код

function select_group() {
    var vr_url = cam_control+"/cgi-bin/admin.pl?m=selectgroup";
    return $.ajax({
    type: 'GET',
    dataType: 'json',
    cache: false,
    url: vr_url,
    success: function(data){
            if(data.error != undefined) {
                if(undefined != err_lang[data.error]) {
                    alert('Ошибка: '+err_lang[data.error]);
                }else{
                    alert('Возникла неизвестная ошибка, попробуйте позже. ('+data.error+')');
                }
            } else {                   
    for(var selgr in data)
            {$("#selusers")
    .append('<option value="' + data[selgr].user_id + '">' + data[selgr].user_login + '</option>');}  
            }
        }
    });
}

Автор: ksnk 14.2.2013, 14:24
Код

for(var selgr in data)
{
  if($("#selusers option[value="+data[selgr].user_id+"]").length()>1)

    $("#selusers")
      .append('<option value="' + data[selgr].user_id + '">' + data[selgr].user_login + '</option>');
}  
 

В качестве грязного рабочего решения - можно сначала проверить есть оно или нет

А можно просто очистить все сначала.
Код

$("#selusers option").remove();

Автор: Jops 14.2.2013, 14:42
Спасибо большое! Попробую

Автор: Aliance 14.2.2013, 15:20
Достаточно будет такого:
Код

$("#selusers").empty().append('<option value="' + data[selgr].user_id + '">' + data[selgr].user_login + '</option>');

Автор: Jops 14.2.2013, 15:21
Хороший способ. Спасибо!

Автор: Aliance 14.2.2013, 16:31
Только я поспешил и не увидел, что append делается в цикле. В таком случае естественно делать нужно так:
Код

var $select = $("#selusers");
$select.empty();
for (...) {
    $select.append('<option ...>');
}

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)