filter empty values in select input before sending to the server

Question

I need to remove empty values from Java script array data. Here I am using this code to get data from select box options. Please help me how to avoid empty elements before sending to server.

Javascript Code

var attributevalues = new Array();
        $('select[name=attributevalue]').each(function(){
           attributevalues.push($(this).val());
        });

possible duplicate of [Remove empty elements from an array in Javascript](http://stackoverflow.com/questions/281264/remove-empty-elements-from-an-array-in-javascript) — Script47, Aug 21 '15 at 11:54
@Script47 can you tell me how to implement that for my code. I am new to javascript — jack brone, Aug 21 '15 at 11:57
check first if the value is not empty `var attributevalues = []; $('select[name=attributevalue]').each(function () { if ($(this).val().length) attributevalues.push($(this).val()); });` — Tushar, Aug 21 '15 at 11:59

score 3 · Accepted Answer · answered Aug 21 '15 at 12:01

3

Check for that before pushing, like this:

var attributevalues = new Array();

$('select[name=attributevalue]').each(function() {
    if ($(this).val())
        attributevalues.push($(this).val());
});

answered Aug 21 '15 at 12:01

AhmadAssaf

3,556
5
31
42

score 0 · Answer 2 · answered Aug 21 '15 at 12:18

0

Other shortcut method available with jQuery is grep. Using that code will be like below -

attributevalues = $.grep(attributevalues,function(value){ return value });

give it a try

answered Aug 21 '15 at 12:18

Vishnu Atrai

2,370
22
24

score 0 · Answer 3 · answered Aug 21 '15 at 12:22

0

var trim = function ( ary ) { // remove empty elements
    return ary.filter(function (item) {
        return !!item;
    });
};

answered Aug 21 '15 at 12:22

Shilly

8,511
1
18
24

filter empty values in select input before sending to the server

3 Answers3