jsRender Arrays

HTML

<script src="http://borismoore.github.com/jsviews/jsrender.js"></script>
<script id="tmpl" type="text/x-jquery-tmpl">
  <select name="clients" id="clients" style="150px;" size=10 multiple>

{{for allClients}}
    <option value="{{:clientId}}"
    
      {{for i in parent.parent.clientsAffected}}
        {{if :#data == :clientId}}selected{{/if}}
      {{/for}}
      
    >{{:clientId}} - {{:clientName}}</option>
{{/for}}
  
  </select>

</script>

<div id="container"></div>

CSS

body > div {
    padding: 20px;
    margin-bottom: 20px;
    font: 14px Arial;
}

JavaScript

var data = {
    allClients: [ 
                    {clientId: 1, clientName: "Client One"},
                    {clientId: 2, clientName: "Client Two"},
                    {clientId: 3, clientName: "Client Three"},
                    {clientId: 4, clientName: "Client Four"},
                    {clientId: 5, clientName: "Client Five"},
                    {clientId: 6, clientName: "Client Six"},
                    {clientId: 7, clientName: "Client Seven"},
                    {clientId: 8, clientName: "Client Eight"}
                  ],
    clientsAffected: [1, 2, 5, 8]
};
   
$("#container").html($("#tmpl").render(data));