Получить текст метки label
Добрый день.
Почему то не получает текст из метки. Делаю так:
alert(document.getElementById("tab_l1").text);
Разметка: <label for="tab_1" id="tab_l1">Метка</label> В результате выводит undefined Подскажите в чем ошибка. |
Batyabest,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<label for="tab_1" id="tab_l1">Метка</label>
<script>
alert(document.getElementById("tab_l1").textContent);
</script>
</body>
</html>
|
Блин, точно, спасибо большое!
|
А теперь такая проблема, пытаюсь из скрытого инпута получить значения.
У меня 2 формы в разных табах, для их различия ввел скрытый инпут, но тоже не могу получить его value получаю undefined |
Batyabest,
где код? |
<form> <input id="partners" type="hidden" name="partners" value="Партнерам"/> ... </form> <form> <input id="partners" type="hidden" name="partners" value="Клиентам"/> ... </form> Тут у меня еще с id дилемма - нельзя делать одинаковые id, как быорку делать - по name? По верстке эти 2 инпута находятся в разных формах, каждая из которых находится на своем табе. Получать пытаюсь так:
var types = document.getElementById('partners').value;
alert(types);
Он вне зависимости какой таб активен выводит значение первого инпута. |
Batyabest,
id уникально !!! больше одного искать браузер не будет через Цитата:
|
Ок, меняю id на уникальные, а в скрипте пишу
document.getElementByName Перестает вообще выводить результат. |
Цитата:
document.getElementsByName("partners")[0].value или [1] |
Да, но тогда он в любом случае будет выводить значение по индексу, а как мне завязать это к активной вкладке - табу?
|
Никто не подскажет?
|
Batyabest,
видимо ваш вопрос непонятен |
Вот часто верстки
<section class="tabs">
<input id="tab_1" type="radio" name="tab" checked="checked" />
<input id="tab_2" type="radio" name="tab" />
<label for="tab_1" id="tab_l1">Клиентам</label>
<label for="tab_2" id="tab_l2">Партнерам</label>
<div style="clear:both"></div>
<div class="tabs_cont">
<div id="tab_c1">
<div class="reservation-form-shadow">
<form action="#" method="post" name="car-select-form" id="car-select-form">
<input type="hidden" name="partners" value="Клиентам"/>
</form>
</div></div>
<div id="tab_c2">
<div class="reservation-form-shadow">
<form action="#" method="post" name="car-select-form" id="car-select-form">
<input type="hidden" name="partners" value="Партнерам"/>
</form>
</div>
</div>
</div>
</section>
То есть у меня в различных табах отображается разная форма, и мне необходимо в зависимости от таба выполнить действие посредством JS. Интересует даже по идее таб 2, то есть если пользователь меняет информацию в одном из input в форме, производятся действия разные и мне нужно сделать так, чтобы если выбран таб 2, то сделать то и то)) |
Batyabest,
не понятно в чём проблема? |
проблема как мне получить к примеру то что действия производятся именно в нужном мне табе? я так думаю, получать значение скрытого инпута но как? Или путь не туда?
|
Batyabest,
если вы как-то управляите показом табов, наверно тогда и возможно получить значение нужного таба. |
Табы просто на css
|
Batyabest,
если id="tab_1" checked мы в 1 табе иначе во втором |
У меня в верстке изначально забито что checked первый таб, если вообще убрать - то они не появляются почему то вообще. И при выборе разных табов так и остается первый checked.
|
Batyabest, при вводе вам покажут для кого информация
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#tab_1:checked ~ .tabs_cont #tab_c1, #tab_2:checked ~ .tabs_cont #tab_c2{
display: block;
}
#tab_c1, #tab_c2{
display: none;
}
p{
color: #FF0000;
}
</style>
<script>
window.addEventListener('DOMContentLoaded', function() {
var p = document.querySelector('p'),
inp = document.querySelectorAll('form input');
[].forEach.call(inp, function(item) {
item.addEventListener('input', function() {
var check = document.querySelector('#tab_1').checked;
p.innerHTML = "информация для " + (check ? "клиентов" : "партнёров")
});
});
});
</script>
</head>
<body> <p></p>
<section class="tabs">
<input id="tab_1" type="radio" name="tab" checked="checked" />
<input id="tab_2" type="radio" name="tab" />
<label for="tab_1" id="tab_l1">Клиентам</label>
<label for="tab_2" id="tab_l2">Партнерам</label>
<div style="clear:both"></div>
<div class="tabs_cont">
<div id="tab_c1">
<div class="reservation-form-shadow">
<form action="#" method="post" name="car-select-form" id="car-select-form">
<input> Клиентам
</form>
</div></div>
<div id="tab_c2">
<div class="reservation-form-shadow">
<form action="#" method="post" name="car-select-form" id="car-select-form">
<input/> Партнерам
</form>
</div>
</div>
</div>
</section>
</body>
</html>
|
| Часовой пояс GMT +3, время: 16:22. |