Как вставить правильно код?

вопрос

Подскажите как сделать:
Есть код


<select data-placeholder="Выберите">
            <option value="1" class="phone">Телефоны</option>
            <option value="2" class="nootbok">Ноутбуки</option>
            <option value="3" class="tab">Планшеты</option>
</select>

Как сделать что бы при нажатии на Телефоны открывалась форма заключенная в теги

Например,


 <div class="phone">
<select data-placeholder="Выберите">
            <option value="1">Нокиа</option>
            <option value="2">Самсунг</option>
            <option value="3">Леново</option>
</select>

как видим надо, чтобы при нажатии телефоны с class="phone" отобразился

или другой тег в который будет заключена форма select и option.

и следующий вопрос есть еще код:


// Продукт

$productSelect = new SelectBox('Что желаете купить?','Выберите категорию продукта');
$productSelect->addItem('Телефоны','phoneSelect')
              ->addItem('Ноутбуки','notebookSelect')
              ->addItem('Планшеты','tabletSelect');

// Типы телефонов

$phoneSelect = new SelectBox('Какой тип телефона вы хотите?', 'Выберите тип телефона');
$phoneSelect->addItem('Смартфон','smartphoneSelect')
            ->addItem('Обычный телефон','featurephoneSelect');

который находится в файле ajax.php в кодировке utf-8.
Так вот,как подключить этот код на сайт в шаблон tpl???
И следующее как в него вставить {xfieldvalue_phone} например. т.е. вместо

addItem('Телефоны','phoneSelect')
              ->addItem('Ноутбуки','notebookSelect')
              ->addItem('Планшеты','tabletSelect');

поставить {xfieldvalue_phone} или может,как альтернатива подключить полную опцию select и option с порядком value="1" и т.д.
Весь код можно посмотреть здесь