Javascript jquery中特定窗体的getElementsByTagName

我试图编写一个通用javascript函数（使用jQuery）来获取特定表单上的所有输入元素，并将它们作为json返回

function getFormDataAsJson(sFormId)
{
    // read input attributes from form; return as json

    var form = $(sFormId);
    if (form != null)
    {
        var inputs = $('input', form);
        var json = {};

        for(i = 0; i < inputs.length; ++i)
        {
            var next = inputs[i];
            var key  = $(next).attr('id');
            var val  = $(next).val();

            if( val != null && key != null)
                json[key] = val;
        }

        return json;
    }
}

其中form是一个form对象。如何获取给定表单中的所有输入元素？

更改

var form = $(sFormId);

到

#-

此外，如果这是您仅有的表格，请使用：

var inputs = $('form :input');

$('form :input').each(function(){
     var key = this.id;
     var val = this.value;
     .....
});

改变

到

#-

此外，如果这是您仅有的表格，请使用：

var inputs = $('form :input');

$('form :input').each(function(){
     var key = this.id;
     var val = this.value;
     .....
});

这对你有帮助

---

这将对您有所帮助。

您忘记使用下面的选择器。请使用

选择器

var form = $('#'+sFormId);


function getFormDataAsJson(sFormId)
{

var form = $('#'+sFormId);
if (form != null)
{
    var inputs = $('input', form);
    var json = {};

    for(i = 0; i < inputs.length; ++i)
    {
        var next = inputs[i];
        var key  = $(next).attr('id');
        var val  = $(next).val();

        if( val != null && key != null)
            json[key] = val;
    }

    return json;
    }
}

var form=$（'#'+sFormId）；
函数getFormDataAsJson（sFormId）
{
变量形式=$（“#”+sFormId）；
if（form！=null）
{
变量输入=$（“输入”，形式）；
var json={}；
对于（i=0；i

您忘记使用下面的选择器。请使用

选择器

var form = $('#'+sFormId);


function getFormDataAsJson(sFormId)
{

var form = $('#'+sFormId);
if (form != null)
{
    var inputs = $('input', form);
    var json = {};

    for(i = 0; i < inputs.length; ++i)
    {
        var next = inputs[i];
        var key  = $(next).attr('id');
        var val  = $(next).val();

        if( val != null && key != null)
            json[key] = val;
    }

    return json;
    }
}

var form=$（'#'+sFormId）；
函数getFormDataAsJson（sFormId）
{
变量形式=$（“#”+sFormId）；
if（form！=null）
{
变量输入=$（“输入”，形式）；
var json={}；
对于（i=0；i
你可以用
$（“#”+sFormId+”input'）
或者用
form.find（'input'）
你可以用
$（“#”+sFormId+”input'）
或者用
form.find（'input'）
我会从我最近的一个项目中给你一个提示

表格：

我希望它能有所帮助……
我将从我最近的一个项目中给你一个提示

表格：

我希望它有帮助……
您可能需要尝试
var form=$（“#”+sFormId）-ID选择器。您可能必须尝试
var form=$（'#'+sFormId）-ID选择器。不客气。如果有帮助，请标出答案。不客气。如果有帮助，请标记答案。我对jquery不是很熟悉，所以只想问一下我们是否可以在这里使用var form=document.getElementById（“id”）？是的，您可以在这里使用
var form=document.getElementById（sFormId）
来获取表单对象。我对jquery不是很熟悉，所以我只是想问一下我们是否可以在这里使用var form=document.getElementById（“id”）？是的，您可以在这里使用
var form=document.getElementById（sFormId）
来获取表单对象。
var form = $('#'+sFormId);

var form = $('#'+sFormId);


function getFormDataAsJson(sFormId)
{

var form = $('#'+sFormId);
if (form != null)
{
    var inputs = $('input', form);
    var json = {};

    for(i = 0; i < inputs.length; ++i)
    {
        var next = inputs[i];
        var key  = $(next).attr('id');
        var val  = $(next).val();

        if( val != null && key != null)
            json[key] = val;
    }

    return json;
    }
}

<form method="post" action="" id="form"> 
    <input type='text' class='textInput' name="One"  id="one" value='0'>
    <input type='text' class='textInput' name="Two"  id="two" value='0'>
    <input type='text' class='textInput' name="Three"  id="three" value='0'>
    <input type='text' class='textInput' name="Four"  id="four" value='0'>
    <input type='text' class='textInput' name="Five"  id="five" value='0'>
    <input type='text' class='textInput' name="Six"  id="six" value='0'>
    <input type='text' class='textInput' name="Seven"  id="seven" value='0'>
    <input type='text' class='textInput' name="Eight"  id="eight" value='0'>
    <input type="submit" id='submit' value="Submit">
</form>
<p id='output'></p> 

$('form').submit(function(){    
    $('.textInput').each(function(){ 
        if($(this).val() != '0')
        {
            $('#output').text($('#output').text()+ ' ' + $(this).attr('name') + ':' + $(this).attr('value') );
        }
    });
    return false;
});