javascript - How to get expected behavior from the select values -

this solution want want implement below code kendo combobox.

i mean when user types mercury , clicks mouse in side without selection should selected.

$(function(){      $(".chosen-select").chosen();  });

<link rel="stylesheet" href="http://harvesthq.github.io/chosen/chosen.css">  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>    <script src="http://harvesthq.github.io/chosen/chosen.jquery.js" type="text/javascript"></script>        <div>            <em>multiple select groups</em><br>            <select data-placeholder="select planets" style="width:350px;" class="chosen-select" multiple tabindex="6">              <option value=""></option>              <optgroup label="planets">                <option>mercury</option>                <option>venus</option>                <option>earth</option>                <option>mars</option>              </optgroup>                          </select>          </div>