Files changed (1)
+ If you are using it in your projects or have any commentary on it, I'd love to hear about it. Please
+ give me a shout out on twitter (@johnFx) or in the comments on my blog (http://improvingsoftware.com/projects).
+ This control is not intended to be another of those AJAXy suggestion boxes that query from the server
+ (1) Copy the improvedDropdown.js, improvedDropdown.css, dropIcon.png, and jQuery 1.4.2 (or later) files to your site.
+ (2) Add references to jQuery, improvedDropDown.js, and improvedDropDown.css to each page on your site will use this control.
+ The original SELECT elements you upsized will still be in your document, but hidden and the values will remain
+ synchronized with whatever the user selects in the visible ImprovedDropdown versions of them. Your server-side
+ code will still interact with the original (hidden) controls so you can seamlessly integrate these controls
+If you want more control over how the ImprovedDropdown controls look you can pass in a configuration object to the improveDropDown call like so:
+Note: The values in the above example are the defaults for the control. Any omitted configuration parameters will default to these values.
+ The ImprovedDropdown controls will mirror the control they were created from basic characteristics, like size. To tweak the
+ look and feel of the ImprovedDropdown controls you can modify the ImprovedDropdown.css to your tastes.
+ When an ImprovedDropdown control is created, the original value is auto-magically copied to the newly created control
+ and the underlying control (yours) is kept synchronized with any changes the user makes in the ImprovedDropdown.
+ If you need to change the selected item after the ImprovedDropdown has been created, just call the improveDropDown method
+ again with a string parameter indicating the new value. This will set the value of both the original SELECT element
+ - If you try to set the value to an option not in the dropdown, the command will ignore your request without error.
+ - The value you are passing refers to the VALUE of the item to be selected, not the TEXT, if they are different.
+ - You can't initialize an ImprovedDropdown and set the value simultaneously using .improveDropDown('newValue').
+When the value of the Improved Dropdown control changes the change event will be fired on the original control.
+ If you need to modify the contents of the SELECT list after initializing the ImprovedDropdown for it, just
+ modify your original SELECT object then call improveDropDown() on it again to re-build an ImprovedDropdown control.
+Solution: Check that the improvedDropDown.css file is referenced your page (See "Getting Started"), and that the path is correct.
+Solution: Every SELECT item that you improve with this plug-in MUST have an ID attribute set on it, and it must be unique. This is