Question

我试图在这里寻找答案，但没有符合我需要的答案。我有多个名称为.sbt-form的表单：

<form class='sbt-form'>
    <input name='kord' val=1/>
</form>

<form class='sbt-form'>
    <input name='kord' val=2/>
</form>

<form class='sbt-form'>
    <input name='kord' val=3/>
</form>

提交一个表单时（假设是第三个表单）我只想用input

获取name = 'kord'元素的值

我如何使用jQuery做到这一点？

Answer 1

您可以将submit处理程序附加到表单，并在其中搜索您要查找的元素。试试这个：

$('.sbt-form').submit(function(e) {
    e.preventDefault(); // stop the form submission to the server. Comment this if not needed.
    var inputValue = $(this).find('input[name=kord]').val();
});

Answer 2

试

$('.sbt-form').click(function() {
    $(this).find("input[name='kord']").val(); 
});

Answer 3

试试这个：

$("mySubmitButton").click(function () {
    $(this).closest(".sbt-form").find("input[name='kord']").val();
});

Answer 4

或者您可以在提交表单时使用serialize()函数获取整个表单的值：

JS代码：

$(".sbt-form").submit(function(e){
    e.preventDefault();
    console.log($(this).serialize());
});

使用jQuery获取提交的表单值，具有多个具有相同类名的表单

4 个答案: