jquery - Jquery コンボボックスのドロップダウン オプションの選択

Question

私はこれに1日か2日滞在しています...

何かを「実行」するためにドロップダウンで選択されている値を取得できないようです。

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 の「コンボボックス」によって定義されている場合、< li> を作成する処理が停止します。何らかの理由で < option> が選択されていないと思います。

だから私は、各選択が選択されたときに < ul> に表示され、クリックイベントで削除されるようにしようとしています。

事前に感謝します。どんな助けでも大歓迎です!

編集: 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);

それは私がやりたいことをするためのトリックでした。