Как получить значение следующего ввода текста?

Question

Я выполняю свой проект в IE 7, и я хочу знать, как получить значение ввода текста всякий раз, когда я нажимаю на ярлык перед ним.

вот мой DOM:

<table> 
<tr> 
<td> 
<label id="lbl_name">Name:</label> 
</td> 
<td> 
<input type="text" id="name" /> 
</td> 
</tr> 
</table> 

Я попытался с помощью NextSibling, но я получаю пустое значение.

document.getElementById('lbl_name').attachEvent('onclick', function() { 
alert(document.activeElement.nextSibling.nodeValue); 
}); 

Любая помощь пожалуйста? Если вы можете поделиться своим кодом не-jquery способом. Спасибо

Answer 1

я изменил @ Кеннет ответ, и вот что сделал это работает:

document.getElementById('lbl_name').attachEvent('onclick', function() { alert(document.activeElement.nextSibling.children[0].value); 
}); 

document.activeElement является «ярлык», что я нажал на, nextSibling будет <td> тег, который содержит элемент <input> и children[0] - это <input type="text">. Добавив .value, он вернет текст внутри него.

спасибо, ребята, за все ваши входы = D

Answer 2

Вход не является родным братом. Чтобы использовать этот подход, вам потребуется:

1. получить родительский узел (ТД)
2. получить следующую родственную этот узел
3. получить первый входной потомок этого узла

Однако на данный момент метка бесполезна, поскольку она вообще не связана с входом. Если исправить разметку:

<label id="lbl_name" for="name">Name:</label> 

Вы можете:

document.getElementById(this.getAttribute('for')).value 

Answer 3

Это потому, что поле не является родственным.

Вы должны были бы подойти к родителю, к родному брату, а затем первым ребенок:

document.activeElement.parentNode.nextSibling.children[0]; 

То есть, если у вас нет текстовых узлов в период между