MS - #158

1.11 - auto widths

HTML

<script src="https://raw.github.com/ehynds/jquery-ui-multiselect-widget/master/src/jquery.multiselect.filter.js"></script>
<link rel="stylesheet" href="http://erichynds.com/examples/jquery-ui-multiselect-widget/jquery.multiselect.css">
<link rel="stylesheet" href="http://erichynds.com/examples/jquery-ui-multiselect-widget/jquery.multiselect.filter.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/redmond/jquery-ui.css">
<script src="https://raw.github.com/ehynds/jquery-ui-multiselect-widget/1.11/src/jquery.multiselect.js"></script>
<form>
    <select name="test" style="width: 100px" multiple>
        <option>Select one</option>
        <option value="foo">foo</option>
        <option value="bar">bar</option>
        <option value="baz">baz</option>
    </select>
    <select name="test1" style="width: 200px" multiple>
        <option>Select one</option>
        <option value="foo">foo</option>
        <option value="bar">bar</option>
        <option value="baz">baz</option>
    </select>
    <select name="test2" style="width: 300px" multiple>
        <option>Select one</option>
        <option value="foo">foo</option>
        <option value="bar">bar</option>
        <option value="baz">baz</option>
    </select>
</form>

JavaScript

$("select").multiselect();