select particular input field name of particular form

Question

i have some html code like this

<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>

i want to select "secondText" of form "second" using jquery or javascript and i want to change value of it using jquery.

Answer 1

Using jQuery:

var element = $("form[name='second'] input[name='secondText']");

Using vanilla JS:

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

Changing the value: element.val(value) or element.value = value, depending of what you are using.