Best way to display data in javascript/jquery

Question

0.00/5 (No votes)

See more:

C#

var resultArr = ["A","B","C"];

    var arrayLength = resultArr.length;
    for (var i = 0; i < arrayLength; i++) {

        res = res + resultArr[i].label + "<br /> ";



       $("#result").html(res);



    }


}

HTML

<a id="result"></a>

My data if i example have 3 items the 3 items are displayed in same line as a link but i want to split every item and display 1 a link to every item and not all the same on line?

I want to clicken the title that are displayed go to that URL.
Right now if i in my input box type Sub the count in my for loop gets 3 items and displays them like this but my titles are now hyper links its just 1 hyperlink all over the titles
so when hover over the titles its gets underline like all the titles are in a same a href,
but i want to display them like this

ASub1
Sub1
Sub2

ASub1 (link for this page)
Sub1 (link for this page)
Sub2 (link for this page)

Right now it displays

ASub1 (link for this page
Sub1
Sub2 )

Posted 12-Jan-15 22:58pm

Kurac1

Updated 13-Jan-15 3:14am

v4

Add a Solution

1 solution

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)

JR009 · Answer 1 · 2015-01-13T00:51:00

Solution 1

Hi,

There is small change in your code. In for loop, you are using text property of div element, which takes only last item from array every time. In every count of for loop, div text is override that's why only last item from array display. You should use append rather that text.

I made some changes in your code :

C#

function successHandler(data) {

        var jsonObject = JSON.parse(data.body);
        var dataArr = $.makeArray(jsonObject.d.results);
        var resultArr = $.map(dataArr, function (item) {

            return { label: item.Title, value: item.Url };

        });

        var arrayLength = resultArr.length;
        for (var i = 0; i < arrayLength; i++) {
            $("#result").append(resultArr[i].label + " " + resultArr[i].value + "<br />");
        }
}

Check this code.
Thank you

Posted 13-Jan-15 0:51am

JR009

Comments

Kurac1 13-Jan-15 7:38am

Alright, it works but i have not changed my to an a href link if i have 3 items it display all 3 items in same line as a link but i want for ex Item1 1 link, Item2 1 link, Item3 1 link, right now its Item1 Item2 Item3 1 link

Kurac1 13-Jan-15 7:46am

I have updated my question and my code in the top

JR009 13-Jan-15 8:08am

I cant't understand, what are you trying to say. Can you show a sample output formate?

Kurac1 13-Jan-15 8:14am

i will update again

Kurac1 13-Jan-15 9:27am

You said that i only get display 1 item in a div, but i want to display more items then 1 but not as same value
I dont wont to display [object],[object],[object] like this because then if i click the link it 3 links there , i want to have on link per object when clicking it

JR009 16-Jan-15 2:12am

Hi, sorry for late reply. I think you want links with particular label. Then you can try this : $("#result").append("" + resultArr[i].label + "");
This code will set URL in anchor tag href and label to its text.