error while creating it dynamically

Question

1.00/5 (2 votes)

See more:

JavaScript

var purchas_probability=$("<label></label>")
                                                 .prop("id",i)
                                                 .text(output[i].count1"/"output[i].total_purchase);
                                                 .css({
                                                  width:'40px',
                                                  height:'40px'
                                                      });

i am getting some value in count1 and total_purchase in label it should display like this "1/3" i am getting error when i tried to do this and css should also work for it

Posted 25-Jun-14 3:31am

Nandhini Devi

Updated 25-Jun-14 3:36am

v3

Add a Solution

Comments

Kornfeld Eliyahu Peter 25-Jun-14 9:33am

And what the error is?

Nandhini Devi 25-Jun-14 9:35am

its not showing js file and its not showing error in console

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Thomas Daniels · Accepted Answer · 2014-06-25T03:36:00

Solution 1

You get this error because you just put the string "/" between the two variables. You need to concatenate them:

JavaScript

output[i].count1 + "/" + output[i].total_purchase

If it is still not working, then you probably have not yet appended the element. Use the jQuery append[^] or appendTo[^] to do that.

Also, you need to remove the semicolon after the text method:

JavaScript

ar purchas_probability=$("<label></label>")
                                                 .prop("id",i)
                                                 .text(output[i].count1"/"output[i].total_purchase)  // here shouldn't be a semicolon
                                                 .css({
                                                  width:'40px',
                                                  height:'40px'
                                                      });

Posted 25-Jun-14 3:36am

Thomas Daniels

Updated 25-Jun-14 4:04am

v3

Comments

Nandhini Devi 25-Jun-14 9:38am

not working

Thomas Daniels 25-Jun-14 9:42am

Then you probably have not appended the element. I updated my answer.

Nandhini Devi 25-Jun-14 9:44am

i did but still not working

Thomas Daniels 25-Jun-14 9:45am

Can you please provide the full code that you have now?

Nandhini Devi 25-Jun-14 9:46am

var purchas_probability=$("<label></label>")
.prop("id",i)
.text(output[i].count1+"/"+output[i].total_purchase);
.css({
width:'40px',
height:'40px'
});
$("#id").append(purchas_probability);

Thomas Daniels 25-Jun-14 9:57am

Ok, I'm trying to find the issue.

Thomas Daniels 25-Jun-14 10:05am

The semicolon after the text method shouldn't be there. I updated my answer.

Kornfeld Eliyahu Peter 25-Jun-14 10:07am

True to your name - eyes of a fox!!! :-)
+5

Thomas Daniels 25-Jun-14 10:09am

Thank you!

Kornfeld Eliyahu Peter · Accepted Answer · 2014-06-25T03:49:00

Solution 2

JavaScript

.text(output[i].count1"/"output[i].total_purchase);

All the problems are here:
1. if you want concatenate variables and strings you should use +

JavaScript

.text(output[i].count1 + "/" + output[i].total_purchase);

2. you have a ; at the end of this line - remove it!

JavaScript

.text(output[i].count1 + "/" + output[i].total_purchase);

Posted 25-Jun-14 3:49am

Kornfeld Eliyahu Peter

Comments

Nandhini Devi 25-Jun-14 10:02am

do you know how to add dynamic button

Kornfeld Eliyahu Peter 25-Jun-14 10:03am

Google for 'jquery add button dynamically'...

Nandhini Devi 25-Jun-14 10:08am

var shoplink=$("<button></button>")
.prop("id",i)
.val("view more")
.css({
width: '20px'
height: '20px'
});
i tried this but its not working

Kornfeld Eliyahu Peter 25-Jun-14 11:48am

Not working? You have to explain that...

Nandhini Devi 26-Jun-14 0:08am

button is not displaying when i used this code

Kornfeld Eliyahu Peter 26-Jun-14 3:41am

Did you appended it?

Thomas Daniels 25-Jun-14 10:10am

+5!

Kornfeld Eliyahu Peter 25-Jun-14 11:48am

Thank you!