Passing JS Object into HTML String

Question

I have a JS variable, that defines a DOM element that I want to show somewhere else on the DOM, defined as

var salesRep = $("ul.map").attr("id","1");

And I want to pass it to a function called show();

So I made

function getSalesRep(salesRep){
 return salesRep
 }

Then inside the show() function I called getSalesRep()

Which looks like

function show(){
   getSalesRep();  
   var x1 = "<p>" + salesRep + "<p>";
   $("#map").after($(x1));
   }

However on the DOM, where the salesRep variable that contains HTML should appear, it outputs [Object object]

I can seem to figure it out...I am convinced it has something to do with the way I am defining the object wrong.

try using JSON.stringify(salesRep) and in the function definition use JSON.parse(salesRep); — Akshay
– Akshay, Commented Mar 22, 2018 at 5:27
Ummmm. How is getSalesRep(); going to return anything other than undefined? It returns the input passed to it, and you haven't passed any. Doh! — enhzflep
– enhzflep, Commented Mar 22, 2018 at 5:29
to get the html of any jquery object use the .html() method. Try salesRep.html() — Thangadurai
– Thangadurai, Commented Mar 22, 2018 at 5:31
You're welcome. I'm not going to speculate, without seeing a minimal, complete example. There's too many things I'd be guessing at presently. Sorry. — enhzflep
– enhzflep, Commented Mar 22, 2018 at 5:33

Sachin G. · Accepted Answer · 2018-03-22 05:32:55Z

3

In case if you need html content to show there,

var x1 = "<p>" + salesRep.html() + "<p>";

answered Mar 22, 2018 at 5:32

Sachin G.

1,98020 silver badges24 bronze badges

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

Comments

CodeZombie · Accepted Answer · 2018-03-22 05:32:38Z

2

Before appending the DOM element,you need to JSON.stringify the [Object object]

function show(){
  let listOfSales = JSON.stringify(getSalesRep());  
  var x1 = "<p>" + listOfSales + "<p>";
  $("#map").after($(x1));
}

answered Mar 22, 2018 at 5:32

CodeZombie

2,0973 gold badges19 silver badges30 bronze badges

Comments

Raviteja Avvari · Accepted Answer · 2018-03-22 05:28:12Z

0

It happens when you concatenate string and objects. You need to stringify the salesRep and concatenate.

You can use JSON.stringify() to achieve the same.

Once you have the string you can add it as an inner HTML of a newly created element and append it.

answered Mar 22, 2018 at 5:28

Raviteja Avvari

2504 silver badges14 bronze badges

Comments

Rizvan · Accepted Answer · 2018-03-22 05:36:33Z

0

You don't need a function to access the variable salesRep. Defining the getSalesRep, and then calling it is not necessary here as its not doing anything. If you remove function definition and call from show method nothing will be affected, As you are using the salesRep variable in the end. You just have to use stringify salesRep the object using the .html() method on it.

answered Mar 22, 2018 at 5:36

Rizvan

6491 gold badge8 silver badges20 bronze badges

Collectives™ on Stack Overflow

Passing JS Object into HTML String

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related