Create comma separated List from an Array in JavaScript and jQuery

kavithav

SOLVED CLOSED ACTIVE ANSWERED
User: kavithav
Posted: on Apr 22, 2020 08:12 AM
Forum: Data Controls
Answer: 1
Views: 2830

How to bind the data to array as comma separated data in jquery

I have an array which stores the values and using those values in the array i am fetching the text of that value by using a loop.I need to bind the text in second array in comma separated

Below is the code i used

var secondarray = [];
for (var i = 0; i < firstarray.length; i++) {
        text = $('input.class[value = "' + firstarray[i] + '"]').attr("text");
        if (text != "" && text != undefined) {
        secondarray += secondarray .push(text);
        alert(secondarray);  //here if i have 3 values in first array i need to display corresponding text as chk1,chk2,chk3                                                                                                        
      }
 }

["40257", "40311", "40532", "40263"]

<input type="checkbox" name="Type" class="cls" value="40263" text="apple">
<input type="checkbox" name="Type" class="cls" value="40532" text="ball">
<input type="checkbox" name="Type" class="cls" value="40311" text="bat">
<input type="checkbox" name="Type" class="cls" value="40257" text="mat">

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 3

Reply
ANSWER
User: dharmendr
Replied: on Apr 22, 2020 09:28 AM
Modified: on Apr 22, 2020 09:29 AM
Report

Hi kavithav,

Check the below example.

HTML

<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script>
        $(function () {
            var valueArray = ["40257", "40311", "40532", "40263"];
            var textArray = [];
            for (var i = 0; i < valueArray.length; i++) {
                var checkBoxes = $('input[class="cls"]');
                for (var j = 0; j < checkBoxes.length; j++) {
                    if (checkBoxes[j].value == valueArray[i]) {
                        textArray.push($(checkBoxes[j]).attr('text'));
                        break;
                    }
                }
            }

            alert(textArray.join(','));
        });
    </script>
</head>
<body>
    <input type="checkbox" name="Type" class="cls" value="40263" text="apple">
    <input type="checkbox" name="Type" class="cls" value="40532" text="ball">
    <input type="checkbox" name="Type" class="cls" value="40311" text="bat">
    <input type="checkbox" name="Type" class="cls" value="40257" text="mat">
</body>
</html>

Demo

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Create comma separated List from an Array in JavaScript and jQuery

Company

Explore

Follow us

Contact Us