Remove fields that contain no values with jQuery

Question

This is a spin-off my earlier question. I have a set of form fields generated via a loop.

I also have a link below, that when clicked calls a jQuery function. The link opens a modal dialog which also has a form. I would like to DELETE the fields created via loop that do not contain any values when I submit the form from within the dialog.

EDIT:

After testing code I realized that because I submit my form the page actually gets refreshed and I use all values. So, I need to do the opposite -- collect all fields with values and after I submit my form I need to insert all those fields with values back to the page. Now I need help with the following code:

$("#myLink").click(function(){        

   $("#newForm").dialog({
        buttons: {
            "Submit": function() {
                $("myForm").submit();

                // BELOW is where I need help
                var fieldWithValue = "";

                if($('input[value != ""]').length > 0) {
                    $this = $(this);
                    fieldWithValue += $this.parent();
                }
                $("#vals").html(fieldWithValue);                    
            },
            "Cancel": function() {
                $(this).dialog("close");
            }
        }
   });
});

foreach ($arrays as $listValue) {
    echo '
    <div>
       <input type="text" maxlength="100" name="field[]">
    </div>';
}

<div id="vals"></div>
<a href="#" id="myLink">link</a>

George Cummins · Accepted Answer · 2011-05-26 20:22:19Z

2

if ( $.trim( $( this ).val() ) == '' ) { $( this ).parent().remove() }

answered May 26, 2011 at 20:22

George Cummins

29k8 gold badges74 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Code Maverick Over a year ago

+1 This would do the trick, except I'd probably cache first: var $this = $(this); since it's inside of a $.each .

Alex Lockwood · Accepted Answer · 2012-04-07 12:04:05Z

1

$(‘input[value!=""]‘).val().length == 0 

$('input:text[value=""]').parent().remove();

edited Apr 7, 2012 at 12:04

Alex Lockwood

83.3k39 gold badges209 silver badges250 bronze badges

answered May 26, 2011 at 20:32

AlexC

9,66917 gold badges66 silver badges98 bronze badges

Collectives™ on Stack Overflow

Remove fields that contain no values with jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related