Jquery组合框下拉选项选择

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

我似乎无法获取下拉列表中选择的值来“执行”任何操作

HTML 使用Js/Jquery获取我的值以执行某些操作 我使用以下链接作为我尝试做的“基础”

当选择项由jqueryUI中的“combobox”定义时，它将停止执行使

的操作。我想由于某种原因，没有被选中

因此，我试图让每个选择在被选中时显示在

中，然后可能通过单击事件被删除
提前谢谢大家，欢迎任何帮助
编辑：这是它现在应该做的，所以你可以看到它与一个常规的下拉选择器一起工作
编辑：好吧，我让它做我想做的事

$(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);

---

这就是我想要做的事情的诀窍。
在这里@Krishna起作用。我把它放上去是为了说明它应该做什么，问题是当我将jqueryUI“组合框”添加到等式中时，脚本不会选择选项。

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

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

$(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);