title: Howto set the x-editable select with the value and see the text on click it?
body: <p>I have a select input with data loaded by ajax and the width div is small (only 2 characters).</p>
  
  <p>I need set the select input (on success) with the value but show the text on click the select.</p>
  
  <p>Situation: <a href="https://jsfiddle.net/9u7qm28h/" rel="nofollow">https://jsfiddle.net/9u7qm28h/</a></p>
  
  <p>html:</p>
  
  <pre><code>&lt;div id="my_id" style="margin: 50px"&gt;
    Select item: &lt;a href="#" data-pk="1" data-value="1"&gt;1&lt;/a&gt;
    Select item: &lt;a href="#" data-pk="3" data-value="3"&gt;3&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>my script:</p>
  
  <pre><code>$('#my_id a').editable({
    showbuttons: false,
    type: 'select',
    title: 'Select item',
    source: [
      {value: 1, text: 'this is the item #1'},
      {value: 2, text: 'this is the item #2'},
      {value: 3, text: 'this is the item #3'},
      {value: 4, text: 'this is the item #4'},
      {value: 5, text: 'this is the item #5'}
    ] });
  </code></pre>
  
  <p>Any suggestions would be appreciated. Thanks!</p>