Вывод из списка
 

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

<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" что я делаю не так?

Ребята очень срочно нужен ответ

Вывод undefined не означает, что кто-то что-то делает не так... :) Просто прочитанное значение именно такое - т.е. неопределено.

ksa,
Ну а как сделать, чтоб выводило именно то, что я выбираю в списке?
Ну т.е. в списке я выбираю на пример "Первый", чтоб выводило "Первый"?

Так кто тебя знает как ты там "выбираешь"... :)

ksa,
https://jsfiddle.net/kixkix/dz850dgw/
Вот так работает.
Вопрос: как это привязать к кнопке:

<div class="choose" id="SubmitButton"><button  id="class5" class="class5">Выбрать</button></div>

Т.е. чтоб делало тоже самое, только по клику на кнопку SubmitButton

У нас на работе следят за ресурсами интернета... :(
Т.ч. на сторонние ресурсы я ни ногой! :nono:

Делай тестовый приме... Выкладывай его тут... А там посмотрим.

ksa,

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

<hr>
<div id="result"></div></div>

$('#informer1').on('click', 'a', function(e) {
    e.preventDefault();
    $("#result").html($(this).text())
});

TanyaRom, похоже у тебя с тегами какая-то неувязочка...
Такой

</a>

есть... А где он начинается?

ksa,
исправила. не тот код вставила.
Суть. Вот этот вариант работает.
Т.е. нажимаешь на "первый" и в div result выводит "Первый"

Нужно:
Чтоб делалось тоже самое, только по клику на кнопку

<div class="choose" id="SubmitButton"><button  id="class5" class="class5">Выбрать</button></div>