gpt4 book ai didi

javascript - Jquery Click函数从不同的表单获取参数

转载 作者:搜寻专家 更新时间:2023-10-31 21:07:42 26 4
gpt4 key购买 nike

我有这样的代码

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

尝试从不同的表单中获取值,但每个参数都具有相同的名称,提交第一个表单(用 Josh 填写名称字段)我得到了正确的结果即(Josh 使用 Btn),但是当提交第二个表单时(用 Josh 填写名称字段) Ipul)我仍然从第一种形式获得相同的值(value),如“Ipul Using rqst”,为什么 jquery 只从第一种形式获得值(value)?而不是第二种形式?有人可以帮助我吗? http://jsfiddle.net/wf6wo0g7/

最佳答案

是的,html 中的 ID 必须是唯一的,在这种情况下您可以使用类。看到这个

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

关于javascript - Jquery Click函数从不同的表单获取参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29690195/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com