Поле заполнения формы с использованием Javascript/JQuery и ярлыков с URL-адресом

Question

У меня возникают трудности с заполнением формы, используя ее Ярлыки перед полями формы.

Идентификаторы моих форм формируются случайным образом, так что for = "fieldID" для меток.

Пример:

<td> 
<label class="required" for="ebc2566ad1c3793b"> 
name: 
<font class="error">*</font> 
</label> 
<span> 
<input id="_ebc2566ad1c3793b" class="form-control" type="text" value="" name="ebc2566ad1c3793b" placeholder="" maxlength="30" size="16"> 
</span> 
</td> 

Я могу использовать JavaScript для заполнения поля, используя идентификатор из URL, но не используя «имя:» идентификатор, который находится между этикеткой.

Поскольку я также использую jQuery в сценариях soem, я также не знаю, какой DOM использовать.

Примеры приветствуются.

Answer 1

Я не уверен, что я понимаю проблему на 100%, вы хотите получить доступ к бланкам форм на основе своего содержания да? Если это так:

Использование селектора :contains() вы можете захватить форму этикетки, как это:

var nameLabel = $("label:contains('name:')"); 

Оттуда вы можете использовать метод .next(), чтобы захватить элемент родственный, который в этом случае будет span, содержащий поле ввода. Таким образом, чтобы получить доступ к входу вы могли бы сделать что-то вроде этого:

var nameInput = nameLabel.next().find('input'); 

Оттуда использовать .val(), чтобы установить его содержание следующим образом:

nameInput.val('John doe')