Jquery组合框下拉选项选项

Question

我已经在这一天呆了一两天......

我似乎无法将下拉列表中选择的值设为“执行”任何内容。

HTML

<select id="combobox">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>

Js / Jquery让我的值得做某事

function displayVals() {
        var skillValues = $('#combobox').val();
        $('ul#list').append('<li>x</li>' + skillValues);
    }

    $('select').change( displayVals );
    displayVals();

我使用以下链接作为我尝试做的“基础”。

http://jqueryui.com/autocomplete/#combobox

当jqueryUI中的'combobox'定义了选择项时，它停止执行使得＆lt;立GT;的。我想，出于某种原因，＆lt;选项＆gt;未被选中。

所以我试图将每个选项显示在＆lt; UL＆GT;当它们被选中时，然后可能会被点击事件删除。

在此先感谢所有人，欢迎任何帮助！

编辑：http://jsfiddle.net/tPs42/这就是它应该立即执行的操作，因为您可以看到它适用于常规下拉选择器。

编辑：好的，我得到它做我想做的事情......

$(function() {
  $( "#combobox" ).combobox({
    select: function displayVals() {
        var skillValues = $('#combobox').val();
        $('ul#list').append('<li><a href="" name="remove">x</a></li>' + skillValues);
    }
        });
    });
    $('select').change( displayVals );
    displayVals();

    $('a[name=remove]').click(removeItem);

这让我做了我想做的事。