Search code examples
jqueryselectjeditablejsfiddle

Select width with jeditable

I have created a Select options with Jeditable plugin.

This is exactly the case similar to my one.

I need to increase the width of my select options.

How can i achieve that?

This is my code

    $('.editable_select').editable(function(value, settings) { 
     console.log(this);
     console.log(value);
     console.log(settings);
     return(value);
  }, {
     data   : "{'example1':'example1','example2':'example2','example3':'example3'}", 
     type    : 'select',
     submit  : 'OK',
     style  : "inherit",
 });
Solution

  • You can just add following style:

    #editable select​ { width: 200px }​

    DEMO