JavaScript

$(function () {
    $("#txtSearchString").keyup(function () {
        $("#lstSearchOptions").hide('fast');

 
        if ($("#txtSearchString").val().length >= 3)
        {
            var data = {}
            data.searchString = $("#txtSearchString").val();
            $.getJSON("/SearchCars/SearchCars", data, function (result) {
                //Autocomplete binding
                var viewModel =
                 {

                     SearchOptions: ko.observableArray(result), // These are the initial options 
              
                } 
                //item.Model + ' ' + item.Type + ' ' + item.Year
                ko.applyBindings(viewModel,document.getElementById("stSearchOptions"));
                ko.applyBindings(viewModel, document.getElementById("selectedcarid"));
                if (result != null)
                {
                    $("#lstSearchOptions").show('fast');
                }
            });
        }
    });
});

<select id="lstSearchOptions" data-bind="options: SearchOptions, optionsText: function(item) {
                    return item.Model + ' ' + item.Type + ' ' + item.Year}, optionsValue: 'CarId'"
                 multiple="multiple" size="-1" class="searchOptions">
             </select>

$(function () {
    $("#lstSearchOptions").change(function () { 
        $("#selectedcarid").val($("#lstSearchOptions option:selected").val());

    });

    $("#lstSearchOptions").blur(function () { 
        $("#lstSearchOptions").hide("fast");
     
 
    });
});

$("#selectedcarid").val($("#lstSearchOptions option:selected").val());

var cell_1 = document.createElement("td");
cell_1.style.textAlign = "center";
cell_1.appendChild(document.createTextNode("Hi"));
onclick = myFunction();