VPF::Формирование option в диалоговом окне ?

Jops

Дата 6.2.2013, 15:12 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 64
Регистрация: 31.1.2013

Репутация: нет
Всего: нет

Уважаемые знатоки! Наведите на мысль или подскажите решение.

Есть форма:

Код


<form id="rul_form" >    
  <table>    
    <tr>        
       <th  width="150">Поле</th>        
       <th>Значение</th>    
      </tr><tr>        
                  <td>Пользователи<span class="req">*</span></td>        
                   <td><input type="text" name="user_id"></td><!-- Здесь будет прописан SELECT -->    
       </tr><tr>        
                  <td>Камеры<span class="req">*</span></td>    
                  <td><input type="text" name="cam_id"></td><!-- Здесь будет прописан SELECT  -->    
        </tr><tr>       
                  <td>Запрещено<input type="radio" checked="checked" name="rw" value="0"/></td>
        <td>Разрешено<input type="radio" name="rn" value="1"/></td>    
                  <td>Только онлайн<input type="radio" name="rs" value="2"/></td>    
         </tr>    
    </table>
</form>

Она есть ни что иное, как форма для заполнения формирующаяся в диалоговом окне (при его вызове)

Ниже функция, которая формирует само окно:

Код


function func_rul() {    
$("#usr_reload").click(function(){        
        func_rul();    
});    
$("#rul_create").click(function(){        
$("#rul_form").dialog({        
       title: 'Создание новых прав',        
        width: 'auto',        
        height: 'auto',        
        resizable: false,        
        autosize: true,        
        modal: true,        
        buttons: {            
             "Создать": function() {            
                            create_usr(this);            
               },            
               "Отмена": function() {            
                         $( this ).dialog( "close" );          
                }        
         },        
         close: function(ev, ui) {           
                   $('input',this).val('');        
           }        
     });    
});

И по нажатию "Создать", отправляет данные функции create_usr:

Код


function create_rul(obj) {
    var usr_url = cam_control+"/cgi-bin/admin.pl?m=addrul";
    $.ajax({
    type: 'GET',
    dataType: 'json',
    data: $(obj).serialize(),
    cache: false,
    url: usr_url,
    success: function(data){
        if(data.error != undefined) {
        if(undefined != err_lang[data.error]) {
          alert('Ошибка: '+err_lang[data.error]);
        }else{
          alert('Возникла неизвестная ошибка, попробуйте позже. ('+data.error+')');
        }
        } else {
        jAlert('Права успешно добавлены, cam_id: '+data.id,'Информация');
        func_rul ();
        $(obj).dialog("close");
        }
    },
    error:function (xhr, ajaxOptions, thrownError, request, error){
        alert('Возникла неизвестная ошибка, попробуйте позже. \n [ \n'+'xrs.cam_status = ' + xhr.status + '\n' + 'thrown error = ' + thrownError + '\n' + 'xhr.statusText = '  + xhr.statusText + '\n' +
'request = ' + request + '\n' + 'error = ' + error+' \n ]');
    }
    });
}

Которая, в свою очередь, отправляет данные на сервер для занесения в БД.
Проблема в следующем. Есть две таблицы:
1. ID пользователя, Имя пользователя
2. ID камеры, Имя камеры
Допустим, что данные из БД берутся PERL`ом (cam_id и cam_name например), кодируются в JSON и висят по указанному адресу (/cgi-bin/admin.pl?m=adoption к примеру).
Помогите срастить, как принять их средствами JQuery, сформировать option (который плодится в select`e с id = “addrules” из формы выше) вида <option value=”Число из cam_id”> Название из cam_name</option>, И выводить всё в диалоговом окне при вызове (соответственно в последствии идёт выбор значений и отправка, но уже имеющимися средствами)

Третий день ломаю голову, не сращиваю. У кого будет свободная минутка, подскажите. Буду очень благодарен

Это сообщение отредактировал(а) Aliance - 6.2.2013, 16:35

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »