如何在 JavaScript/Jquery 中检索 ID 为“FullName”的 DIV 元素和 ID 为“FirstName”的 INPUT 字段的值

Question

<div id="FullName">
  <input type="text" id="FirstName" value="Srinath"/>
  <input type="text" id="LastName" value="Reddy"/>
</div>

How to retrive the value of firstName of div1 I want to print the value Srinath.

Answer 1

HTML ids are supposed to be unique, and you should always try not to duplicate them. If you reeally want to do that you can do it with the css element in element selector like that:

$("#FullName1 #FirstName")

Answer 2

You can get the value like this:

 var firstName = document.getElementById('FirstName').value; alert(firstName);

 <div id="FullName"> <input type="text" id="FirstName" value="Srinath"/> <input type="text" id="LastName" value="Reddy"/> </div>

You can get it also by jQuery like this:

$('#FirstName').val()

Answer 3

Please check this:

$("#FullName input#FirstName").val(Text);

Answer 4

If in your scenario, you always want to get value of first input contro l in your div having specific id, then you can use following

$("#FullName>input").val()

Output : Srinath