New options

The jSuites.dropdown and autocomplete plugin allows the user to add new options to the dropdown. This feature is disabled by default. The initialization flag newOptions: true will enabled the feature. There is an extra option to handle ids generate in a remote server, as follow:

<script src=""></script>
<link rel="stylesheet" href="" type="text/css" />

<div id="dropdown"></div>

jSuites.dropdown(document.getElementById('dropdown'), {
        { id:'1', 'Tomatoes' },
        { id:'2', 'Carrots' },
        { id:'3', 'Onions' },
        { id:'4', 'Garlic' },
    newOptions: true,
    oninsert: function(o, item, dataItem) {
            url: '/v3/getId',
            type: 'POST',
            dataType: 'json',
            data: { data: item },
            success: function(result) {
                // Set the item id from the number sent by the remote server
                item.value = result;
                // Set the new value for the data
                data.value = result;