How can I select an element by name with jQuery?


To select an element by name with jQuery, use the name element for the input field. You can try to run the following code to select element by name

Example

Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#button1").click(function(){
     var sname = jQuery("#form1 input[name=sub]").val();
     alert(sname);
  });
});
</script>

</head>
<body>

<form name="myForm" id="form1">
  Subject Name: <input type="text" name="sub" value="Java"/>
<button id="button1">Get</button>
</form>
</body>
</html>

Updated on: 17-Feb-2020

284 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements