How do i replace data from jquery map and add comma at the back

Asked Oct 04 '18 at 19:13

Active Oct 04 '18 at 19:38

Viewed 46 times

Am trying to get all input values using jQuery map and separate each value data with comma.

Code

var filterArray = $('form#FilterHiddenForm input.cuisine_filter').map(function() {
  text = $(this).val();
  return text;
}).get().join(","); //without the join it will return (,,,,), even when value is empty.
console.log(filterArray);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="FilterHiddenForm">
  <input type="hidden" class="cuisine_filter" value=".now" />
  <input type="hidden" class="cuisine_filter" value=".later" />
  <input type="hidden" class="cuisine_filter" value=".before" />
  <input type="hidden" class="cuisine_filter" value=".never" />
</form>

Output

.now.later.before.never

Expected result

I intend making something that will look like below, separate ever value with comma.

.now, .later, .before, .never

edited Oct 04 '18 at 19:22

Barmar

741,623
53
500
612

asked Oct 04 '18 at 19:13

Peter

1,860
2
18
47

It already returns what you want, except for the space after the comma. Add that to the `join` argument. – Barmar Oct 04 '18 at 19:21
Your output already has comma separators. What's wrong? – Quentin Veron Oct 04 '18 at 19:21
@QuentinVeron but from my code is returning commas for empty value – Peter Oct 04 '18 at 19:25
1

Possible duplicate of [Remove empty elements from an array in Javascript](https://stackoverflow.com/questions/281264/remove-empty-elements-from-an-array-in-javascript) - just do `.filter(n => n).join(",")` instead of `.join(",")`. – Tyler Roper Oct 04 '18 at 19:26
@TylerRoper it worked for me – Peter Oct 04 '18 at 19:31

How do i replace data from jquery map and add comma at the back

0 Answers0