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

<!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: 2020-02-17T07:52:51+05:30

487 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements