simple datalist

by trixta

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://afarkas.github.com/webshim/demos/js-webshim/minified/extras/modernizr-custom.js"></script>
<script src="http://afarkas.github.com/webshim/demos/js-webshim/minified/polyfiller.js"></script>
<div>
    
    <label for="client">Member</label>
<input type="text" name="client" autofocus="autofocus" id="client" list="allclients" required="required" placeholder="Start typing..." value="" />
<datalist id="allclients">
<select>
<option value="yada">yada</option>
<option value="yada">yada</option>
</select>
</datalist>

</div>

JavaScript

//implement forms (for datalist) and ES5 (for forEach), but only if datalist/es5 is not available (forms would also implement constraint validation etc.)
if (!Modernizr.input.list) {
    jQuery.webshims.setOptions('forms', {
        lightweightDatalist: true
    });
    jQuery.webshims.polyfill('forms es5');
}