Javascript Array Push and Display

Question

I am doing a Laravel project with editable inline with select option however I want I manage to query the brands and I want to display the array after I push it in the source. Please help

var brand = [];
data_brand.forEach(function(element) {   
    var branddetails = {value: element.id, text: element.brand_name}; 
    brand.push(branddetails);
});
$(function(){
    $('#brand').editable({
        value: 2,    
        source: [

            //I want to output like this {value: 1, text: 'Active'},
            brand.values() // this code does not work
        ]
    });
});

whats the error you are getting? Without iterating you cannot get the values of Array/List. — Zain Ul Abideen
– Zain Ul Abideen, Commented Mar 25, 2020 at 14:30

Zain Ul Abideen · Accepted Answer · 2020-03-25 14:52:48Z

2

This should work:

source: brand.map(item => item)

or simply:

source: brand

edited Mar 25, 2020 at 14:52

answered Mar 25, 2020 at 14:36

Zain Ul Abideen

1,6122 gold badges13 silver badges27 bronze badges

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

3 Comments

Heretic Monkey Over a year ago

That makes no sense. forEach does not return anything.

Siva Kondapi Venkata Over a year ago

did you mean brand?

Zain Ul Abideen Over a year ago

@SivaKondapiVenkata, yes, edited. although collections should be named plural.

Siva Kondapi Venkata · Accepted Answer · 2020-03-25 14:35:58Z

0

brand is an array and you since source also expecting the array, You can try like this

source: [...brand]

answered Mar 25, 2020 at 14:35

Siva Kondapi Venkata

11.1k2 gold badges20 silver badges32 bronze badges

Comments

random · Accepted Answer · 2020-03-25 14:37:16Z

0

In order to display the array elements, use loop.

Example-

let branddetails = [{value: 1, text: "something" }];

branddetails.forEach(brand => console.log(brand));

-- Edit --

Instead of creating array and then getting the pushed element, you can directly add the element itself in the source array.

let branddetails;
data_brand.forEach(function (element) {
  branddetails = { value: element.id, text: element.brand_name };
});
$(function () {
  $('#brand').editable({
    value: 2,
    source: [
      branddetails 
    ]
  });
});

edited Mar 25, 2020 at 14:37

answered Mar 25, 2020 at 14:31

random

7,9093 gold badges21 silver badges25 bronze badges

3 Comments

fdomn-m Over a year ago

OP doesn't want to "display" the elements, they want to use them within .editable({

fdomn-m Over a year ago

Ok, so now your edit will only contain the last value from data_brand

EasyWay Over a year ago

@freedomn-m I tried but it does not shows the values.

Collectives™ on Stack Overflow

Javascript Array Push and Display

3 Answers 3

3 Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related