Вывод из списка
Есть вот такой список
<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" что я делаю не так? |
Ребята очень срочно нужен ответ
|
Цитата:
|
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> |
Цитата:
Потому как когда ты клацаешь на элементе - понятно какой элемент "выбирают". |
ksa,
Эекспериментируя в песочнице вот такой код работает. Но ставлю на сайт http://testrent-001-site1.1tempurl.c...ex.php?lang=ru, и нифига. <ul id="informer1" class="dropdown1"> <li><input type="radio" name="browser" value="111"> Первый</a></li> <li><input type="radio" name="browser" value="222"> Второй</a></li> <li><input type="radio" name="browser" value="333"> Третий</a></li> </ul> <div class="choose" id="SubmitButton"><button id="class5" class="class5">Выбрать</button></div> <div id="res"></div>
$(document).ready(function(){
$('#class5').click(function(){
var val = $('#informer1 li input:checked').val();
$('#res').html(val);
})
})
|
Цитата:
Вот мой вариант.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
$('#class5').click(function(){
var val=$('#informer1 li input:checked').parent().text();
alert(val);
})
})
</script>
</head>
<body>
<ul id="informer1" class="dropdown1">
<li><input type="radio" name="browser" value="111" />Первый</li>
<li><input type="radio" name="browser" value="222" />Второй</li>
<li><input type="radio" name="browser" value="333" />Третий</li>
</ul>
<div class="choose" id="SubmitButton"><button id="class5" class="class5">Выбрать</button></div>
<div id="res"></div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 12:51. |