Menu
I have code like this
<!-- Include JS File Here -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn").click(function(){
var vname = $("#name").val();
var vgender = $("#gender").val();
var vstage =$("#stage").val();
alert(vname+" Using btn");
});
$("#rqst").click(function(){
var vname = $("#name").val();
var vgender = $("#gender").val();
var vstage =$("#stage").val();
alert(vname+" Using rqst");
});
});
</script>
</head>
<body>
<div id="main">
<hr>
<form id="form" method="post">
<div id="namediv"><label>Name</label>
<input type="text" name="name" id="name" placeholder="Name"/><br></div>
<div id="emaildiv"><label>Gender</label>
<input type="text" name="gender" id="gender" placeholder="Gender"/></div>
<input type="hidden" name="stage" id="stage" value="0" /></div>
</form>
<button id="btn">Send Data</button>
</div>
<div id="result"></div
<br>
Request
<form id="form" method="post">
<div id="namediv"><label>Name</label>
<input type="text" name="name" id="name" placeholder="Name"/><br></div>
<div id="emaildiv"><label>Gender</label>
<input type="text" name="gender" id="gender" placeholder="Gender"/></div>
<input type="hidden" name="stage" id="stage" value="0" /></div>
</form>
<button id="rqst">Send Data</button>
</div>
<div id="result"></div
</body>
</html>
Trying to get value from different form, but every parameter have same name, submit 1st form(fill name field with Josh) i got the right result I.e(Josh Using Btn), but when submit 2nd form (fill name field with Ipul) i still got the same value from the 1st form like "Ipul Using rqst", Why the jquery just get value from 1st form?not the 2nd form?can someone help me? http://jsfiddle.net/wf6wo0g7/
218
Yes ID in html must be Unique in that case you can use class. See this
$(document).ready(function(){
$("#btn").click(function(){
var vname = $("#form1 .name").val();
var vgender = $("#form1 .gender").val();
var vstage =$("#form1 .stage").val();
alert(vname+" Using btn");
});
$("#rqst").click(function(){
var vname = $("#form2 .name").val();
var vgender = $("#form2 .gender").val();
var vstage =$("#form2 .stage").val();
alert(vname+" Using rqst");
});
});
Fiddle
135
ID - Must be unique in HTML.
DEMO
$("#rqst").click(function(){
var vname = $("#name2").val();
var vgender = $("#gender2").val();
var vstage =$("#stage2").val();
alert(vname+" Using rqst");
});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
