Easiest Way to Change Width of jQuery.chosen() dropdown

The chosen() plugin determines the size of the searchable dropdowns by reading the select's outerWidth property. Unfortunately, the calculated width is just a little to narrow for a proper display. The easiest way to adjust the width is to change the size of the select field's outerWidth property. The following code will do this for you:


jQuery(document).ready(function ($) {
// change field_g69s05 to your field's ID
$("#field_g69s05").outerWidth(230);
});