Javascript для выбора нескольких вариантов

Решение на чистом javascript

<select id="choice" multiple="multiple">
  <option value="1">One</option>
  <option value="2">two</option>
  <option value="3">three</option>
</select>
<script type="text/javascript">

var optionsToSelect = ['One', 'three'];
var select = document.getElementById( 'choice' );

for ( var i = 0, l = select.options.length, o; i < l; i++ )
{
  o = select.options[i];
  if ( optionsToSelect.indexOf( o.text ) != -1 )
  {
    o.selected = true;
  }
}

</script>

Хотя я согласен, что это должно быть сделано на стороне сервера.

Этот тип вещей должен выполняться на стороне сервера, чтобы ограничить количество ресурсов, используемых на клиенте для таких тривиальных задач. При этом, если вы будете делать это на внешнем интерфейсе, я бы посоветовал вам рассмотреть возможность использования чего-то вроде underscore.js чтобы код оставался чистым и лаконичным:

var values = ["Red", "Green"],
    colors = document.getElementById("colors");

_.each(colors.options, function (option) {
    option.selected = ~_.indexOf(values, option.text);
});

Если вы используете jQuery, это может быть еще короче:

var values = ["Red", "Green"];

$("#colors option").prop("selected", function () {
    return ~$.inArray(this.text, values);
});

Если бы вы делали это без таких инструментов, как underscore.js или jQuery, вам пришлось бы написать немного больше, и это может оказаться немного сложнее:

var color, i, j,
    values = ["Red", "Green"],
    options = document.getElementById("colors").options;

for ( i = 0; i < values.length; i++ ) {
    for ( j = 0, color = values[i]; j < options.length; j++ ) {
        options[j].selected = options[j].selected || color === options[j].text;
    }
}

Основываясь на ответе @Peter Baley, я создал более общую функцию:

   @objectId: HTML object ID
   @values: can be a string or an array. String is less "secure" (should not contain repeated value).
   function checkMultiValues(objectId, values){
        selectMultiObject=document.getElementById(objectId);
        for ( var i = 0, l = selectMultiObject.options.length, o; i < l; i++ )
        {
          o = selectMultiObject.options[i];
          if ( values.indexOf( o.value ) != -1 )
          {
            o.selected = true;
          } else {
            o.selected = false;
          }
        }
    }

Пример: checkMultiValues('thisMultiHTMLObject','a,b,c,d');

Вы можете получить доступ к массиву параметров выбранного объекта, перейдя document.getElementById("cars").options, где «автомобили» — это выбранный объект.

После этого вы можете позвонить option[i].setAttribute('selected', 'selected');, чтобы выбрать вариант.

Я согласен со всеми остальными, что вам лучше делать это на стороне сервера.