How to convert select2 array output to single string?

Question

How to convert select2 array output to single string (separated by comma)? Just like this "task_owner":"Administrator,abc2". Current output is separated by comma but in single array "task_owner":["Administrator","abc2"]. This is because the DB is received by string, not array.

Another question, how to re-convert back to array since during editing, Ajax will send that String from DB and I maybe need to convert back to Array for display purpose.

I was referred to this Link but not working.

<form id="myForm">
    <select type="text" class="form-control myClass" id="myID" multiple="multiple"></select>
</form>

$('.myClass').select2({
    tags: true
 });    

$('#btnSubmit').on('click',function(){
    var testOutput = "";   // I put this because an error appear so I create a new var but the output is = "null", why?
    var owner = $('#myID').val();

    if (owner.val() !== null && owner.val().length > 0){
        var testOutput = $('#myID') = owner.val().join(',');
        testOutput = Object.assign({}, {task_owner: testOutput.task_owner.join(",")})
    }

    // parameter that need to send to API
    var obj = {
        task_owner : testOutput,
        // Another parameter...
    };
    var params = JSON.stringify(obj);

    $.ajax({
        // My Ajax Condition...
    });
});

var testOutput = $('#myID') = mySelect.val().join(','); testOutput = Object.assign({}, {task_owner: testOutput.task_owner.join(",")}) — xdeepakv
– xdeepakv, Commented Mar 28, 2020 at 9:22
hi, inside curly Object.assign({} need to store anything? or just be like that? sorry I am new. — mastersuse
– mastersuse, Commented Mar 28, 2020 at 9:27
Sorry OR just use var testOutput = $('#myID') = mySelect.val().join(','); testOutput = {task_owner: testOutput.task_owner.join(",")} — xdeepakv
– xdeepakv, Commented Mar 28, 2020 at 9:31
I don't get the answer, wait I will update my question with proper code and let you know. — mastersuse
– mastersuse, Commented Mar 28, 2020 at 9:48

xdeepakv · Accepted Answer · 2020-03-28 10:26:05Z

1

As dicussed:

$(".myClass").select2({
  tags: true
});

$("#btnSubmit").on("click", function() {
  var testOutput = ""; // I put this because an error appear so I create a new var but the output is = "null", why?
  var owner = $("#myID").val(); //
  if (Array.isArray(owner) && owner.length) {
    testOutput = owner.join(",");
  }
  var obj = {
    task_owner: testOutput
  };
  var params = JSON.stringify(obj);

  $.ajax({
    // My Ajax Condition...
  });
});

answered Mar 28, 2020 at 10:26

xdeepakv

8,1452 gold badges25 silver badges35 bronze badges

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

3 Comments

mastersuse Over a year ago

If you are not busy, could you help me again on this? Link

xdeepakv Over a year ago

What in now missing??

mastersuse Over a year ago

This posting is completely done, but have another link, just provide above.

Collectives™ on Stack Overflow

How to convert select2 array output to single string?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related