Home/ Questions/Q 8966095
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T16:57:08+00:00

Updated code: http://jsfiddle.net/S96pA/1/ <!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <script src=http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js type=text/javascript></script> <script

  • 0

Updated code:

http://jsfiddle.net/S96pA/1/

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="http://github.com/downloads/SteveSanderson/knockout/knockout-2.2.0.js" type="text/javascript"></script>

</head>

<body>

<form id="new-pub">

    <input data-bind="value: Title" /><br/>

    <select size="10" multiple="multiple"
            data-bind="selectedOptions: Attachment, options: AttachmentSelect"></select>


</form>


<script type="text/javascript">

var AttachmentSelect=["C2012_info_mail.pdf", "C2012_programme.pdf"];

 var viewModel =
 {
    Title : ko.observable('Hello world'),
    Attachment: ko.observableArray([ "C2012_info_mail.pdf" ,  "C2012_programme.pdf" ])
};

 ko.applyBindings(viewModel, document.getElementById("new-pub"));

</script>

</body>
</html>
​

Expected, that selected items are highlighted (selected), but nothing happens. Why?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have to add value binding to your select:

    <select data-bind="options: myList, value: selected" multiple="multiple" size="5">

    Also viewModel is a function so you have to create instance of it:

    ko.applyBindings(new viewModel());

    Here is working fiddle: http://jsfiddle.net/wM3EX/4/

    EDIT:

    Change the order of options and selectedOptions bidnings. Options should always be the first:

    <select size="10" multiple="true"
        data-bind="options: AttachmentSelect, selectedOptions: Attachment">
</select>

    Working fiddle: http://jsfiddle.net/S96pA/2/

    • 0