Javascript and JQuery for loop on array to create list

Question

Html:

<p>Order</p>
<div>
<ul data-role="listview" id="myorder"></ul>
</div>

JS:

itemName = ["beer1", "beer2", "beer3", "beer4"];
itemQty = [0, 2, 0, 4];

for ( var i=0, len=itemName.length; i<len; ++i) { 
    if (itemQty[i] > 0) {
        var listItem = document.createElement("li");
        listItem.innerHTML = itemName[i] + "    Qty:" + itemQty[i];
        $('#myorder').append(listItem);
        $('#myorder').listview('refresh');
    }
}

I know its staring me right in the face but why is this only showing my first instance of Qty > 0?

http://jsfiddle.net/Sptx7/

Joseph Silber · Accepted Answer · 2013-01-22 00:25:40Z

1

You're getting an error here:

$('#myorder').listview('refresh');

since listview is undefined, so the code terminates.

Here's your fiddle with that line commented out: http://jsfiddle.net/Sptx7/2/

As you can see, it renders both list items.

answered Jan 22, 2013 at 0:25

Joseph Silber

221k59 gold badges369 silver badges292 bronze badges

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

Collectives™ on Stack Overflow

Javascript and JQuery for loop on array to create list

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related