jQuery:清除摘要表单输入值

婆罗洲

我敢肯定这是一个简单的解决方法,但是经过研究我还没有弄清楚。

我有一个多页输入表单,该表单显示来自输入字段的数据摘要页面。输入字段具有描述该输入字段的默认字符串,基本上是'id'属性。当用户单击输入字段以输入数据时,默认数据消失,并输入新数据。如果用户未在输入字段中输入任何内容,则默认数据将保持应有的状态。摘要页面显示表单字段中的所有输入,包括默认数据。我遇到的问题是在显示摘要页面之前先弄清楚默认数据的清除方式。我敢肯定,这是我所忽略的简单事情,但是我需要另一组敏锐的眼睛和jquery敏锐的头脑。

摘要表格有两个表并排嵌入div中。我正在使用该nth-child()方法选择正确td的显示数据。

伪代码逻辑:“如果输入字段包含attr('id'),则清除该字段;否则,显示该字段。”

我已经使用.val("").val().text("").html("")清除现场无济于事。我需要一些专业帮助。:-)

    //prepare the fourth step
    var fieldsLeft = new Array(
        $('#firstname').val(),
        $('#middlename').val(),
        $('#lastname').val(),
        $('#address').val(),
        $('#city').val(),
        $('#zip').val(),
        $('#dob').val(),
        $('#ssn').val()
    )

    var fieldsRight = new Array(
        $('#homephone').val(),
        $('#workphone').val(),
        $('#cellphone').val(),
        $('#employer').val(),
        $('#emergency').val(),
        $('#relationship').val(),
        $('#phoneday').val(),
        $('#phonenight').val(),
        $('#email').val()
        );

    var sumLeft = $('#fourth_step #leftSummary tr');
    sumLeft.each(function() {
        var valueL = $(this).val();
        if ( valueL == fieldsLeft[$(this).attr('id')]) {
            $(this).children('td:nth-child(2)').val('');
        } else {
            $(this).children('td:nth-child(2)').html(fieldsLeft[$(this).index()])
        }
    });

    var sumRight = $('#fourth_step #rightSummary tr');
    sumRight.each(function() {
        var valueR = $(this).val();
        if ( valueR == fieldsRight[$(this).attr('id')]) {
            $(this).children('td:nth-child(2)').val('');
        } else {
            $(this).children('td:nth-child(2)').html(fieldsRight[$(this).index()])
        }
    }); 
婆罗洲

我让它使用占位符工作。如我所希望的那样,在为摘要视图提交表单时,输入字段中的默认文本消失了。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

清除点击jquery上的输入值

来自分类Dev

如何使用jQuery清除输入字段值?

来自分类Dev

无法在Angular的ngDialog模板中清除表单输入值

来自分类Dev

jQuery中的表单输入类型时间清除事件

来自分类Dev

清除表单并填充jQuery

来自分类Dev

使用jQuery清除表单

来自分类Dev

jQuery提交表单(如果更改输入值)

来自分类Dev

清除输入值Javascript

来自分类Dev

用jQuery清除输入文本字段的值

来自分类Dev

jQuery:清除Html.TextBox上的表单输入,然后刷新页面

来自分类Dev

如何在javascript或jquery中清除表单字段(输入,文本区域,选择和单选)

来自分类Dev

jQuery脚本清除表单数据,但应保留一个输入

来自分类Dev

克隆表格输入并清除值

来自分类Dev

ControlValueAccessor无法清除输入的值

来自分类Dev

清除时间jquery的值

来自分类Dev

清除Bootstrap中的表单输入字段?

来自分类Dev

如何清除Silverstripe CMS中的表单输入

来自分类Dev

清除Angular表单提交中的输入字段?

来自分类Dev

ReactJS->“清除”输入表单问题

来自分类Dev

发布到MongoDB后清除表单输入

来自分类Dev

提交后如何清除表单输入?

来自分类Dev

关闭时清除表单输入字段

来自分类Dev

jQuery生成的输入值未发布到表单提交中

来自分类Dev

在使用jQuery提交表单之前更改输入值

来自分类Dev

使用jQuery检查表单输入值

来自分类Dev

在引导模态中使用jquery更改表单输入字段的值

来自分类Dev

jQuery表单的每个输入仅接受多个值

来自分类Dev

在使用jQuery提交表单之前更改输入值

来自分类Dev

输入表单的排名值