выбрать конкретное имя поля ввода конкретной формы

Question

У меня есть некоторые HTML код, как этот

<form name="first"><input name="firstText" type="text" value="General" /> 
<input name="secondText" type="text" value="General" /> 
<input name="ThirdText" type="text" value="General" /> 
<input name="FourthText" type="text" value="General" /> 
<input name="FifthText" type="text" value="General" /> 
</form> 

<form name="second"><input name="firstText" type="text" value="General" /> 
<input name="secondText" type="text" value="General" /> 
<input name="ThirdText" type="text" value="General" /> 
<input name="FourthText" type="text" value="General" /> 
<input name="FifthText" type="text" value="General" /> 
</form> 

я хочу, чтобы выбрать «secondText» формы «второго» с помощью JQuery или яваскрипт и я хочу, чтобы изменить значение его использования JQuery.

Answer 1

Использование jquery: element = $("form[name='second'] input[name='secondText']").
Использование js element = document.querySelector("form[name='second'] input[name='secondText']").

Изменение значения: element.val(value) или element.value = value, в зависимости от того, что вы используете.

Answer 2

Вы можете сделать это следующим образом:

JQuery

$("form[name='second'] input[name='secondText']").val("yourNewValue"); 

Демо: http://jsfiddle.net/YLgcC/

Или:

Родной Javascript

Старые браузеры:

var myInput = []; 
myInput = document.getElementsByTagName("input"); 

for (var i = 0; i < myInput.length; i++) { 
    if (myInput[i].parentNode.name === "second" && 
     myInput[i].name === "secondText") { 
     myInput[i].value = "yourNewValue"; 
    } 
} 

Демо: http://jsfiddle.net/YLgcC/1/

Новые браузеры:

document.querySelector("form[name='second'] input[name='secondText']").value = "yourNewValue"; 

Демо: http://jsfiddle.net/YLgcC/2/

Answer 3

Try

$("form[name='second'] input[name='secondText']").val("ENTER-YOUR-VALUE"); 

Answer 4

// Define the target element 
elem = jQuery('form[name="second"] input[name="secondText"]'); 

// Set the new value 
elem.val('test'); 

Answer 5

Вы можете попробовать эту линию тоже:

$('input[name="elements[174ec04d-a9e1-406a-8b17-36fadf79afdf][0][value]"').mask("999.999.999-99",{placeholder:" "});