[TanyaRom]

Есть вот такой список

<div id="ddd" class="wrapper-dropdown-4" tabindex="1">
                            <span>Название теплохода</span>
                                <ul id="informer1" class="dropdown1">
                                    <li><a href="#"><i class="icon-envelope icon-large"></i>Первый</a></li>
                                    <li><a href="#"><i class="icon-truck icon-large"></i>Второй</a></li>
                                    <li><a href="#"><i class="icon-plane icon-large"></i>Третий</a></li>
                                </ul>
                        </div>

Суть, нужно в див table вывести в зависимости от выбора на пример "Первый" или "Второй".
Делаю это так:

jQuery(document).ready(function() {
    function Format() {
    var format = document.getElementById('dd').value;
 
    var html = format;
 
    document.getElementById('tables').innerHTML = html;
}
 
document.getElementById('SubmitButton').addEventListener('click', Format);
});

Но в див выводит "undefined" что я делаю не так?