title: Jquery combobox dropdown option selections
body: <p>I have been at this one for a day or two... </p>
  
  <p>I can't seem to get the values that are being selected in the dropdown to 'do' anything.</p>
  
  <h2>The HTML</h2>
  
  <pre><code>&lt;select id="combobox"&gt;
      &lt;option&gt;1&lt;/option&gt;
      &lt;option&gt;2&lt;/option&gt;
      &lt;option&gt;3&lt;/option&gt;
      &lt;option&gt;4&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <h2>The Js/Jquery to get my values to do something</h2>
  
  <pre><code>function displayVals() {
          var skillValues = $('#combobox').val();
          $('ul#list').append('&lt;li&gt;x&lt;/li&gt;' + skillValues);
      }
  
      $('select').change( displayVals );
      displayVals();
  </code></pre>
  
  <p>I used the following link as the 'basis' for what I am trying to do. </p>
  
  <p><a href="http://jqueryui.com/autocomplete/#combobox" rel="nofollow">http://jqueryui.com/autocomplete/#combobox</a></p>
  
  <p>when the select item is being defined by the 'combobox' from jqueryUI it stops doing the thing that makes the &lt; li>'s. I imagine that for some reason the &lt; option>'s are not being selected.</p>
  
  <p>So I am trying to get each selection to show up in a &lt; ul> when they are selected, and then maybe be deleted with a click event. </p>
  
  <p>Thanks in advance all, any help would be welcome!</p>
  
  <p>edit: <a href="http://jsfiddle.net/tPs42/" rel="nofollow">http://jsfiddle.net/tPs42/</a> this is what it is supposed to do right now, so as you can see it works with a regular dropdown selector.</p>
  
  <p>EDIT: okay, I got it to do what i wanted it to do...</p>
  
  <pre><code>$(function() {
    $( "#combobox" ).combobox({
      select: function displayVals() {
          var skillValues = $('#combobox').val();
          $('ul#list').append('&lt;li&gt;&lt;a href="" name="remove"&gt;x&lt;/a&gt;&lt;/li&gt;' + skillValues);
      }
          });
      });
      $('select').change( displayVals );
      displayVals();
  
      $('a[name=remove]').click(removeItem);
  </code></pre>
  
  <p>that did the trick for me to do what i wanted to do.</p>