3 Responses to “Select boxes with html inside each option”

  1. Paul

    Feb 2nd, 2010

    Very nice, simple to customize and to implement. Needed to have a custom arrow on a select box and this worked perfectly. Thank you!

  2. Eduardo

    Apr 17th, 2010

    Wow! Thank you very much for this plugin, after hours of browsing I was losing my hope when I found it. It does exactly what I needed, and what’s better, it does it excelent. With CSS knowledge it’s extremely easy to customize.

    By the way, it has a little issue. If you use HTML in the labels the code of the page using this plugin does not validate. It’s because of the tags as a value: label=”….”.

    But I found a workaround using html entities instead of plain html: label=”< div >….”. It seems to work ok in all major browsers, and it validates!

    Thank you again!

  3. Eduardo

    Apr 17th, 2010

    hmmm… the tags were deleted….

    What I meant is that instead of using:
    label=”<div>….”

    you should use:
    label=”&lt;div&gt;….”


Leave a Reply

PHVsPjxsaT48c3Ryb25nPndvb19hbHRfc3R5bGVzaGVldDwvc3Ryb25nPiAtIGRlZmF1bHQuY3NzPC9saT48bGk+PHN0cm9uZz53b29fYXV0b19pbWc8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2N1c3RvbV9jc3M8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19jdXN0b21fZmF2aWNvbjwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2V4Y2x1ZGVfY2F0czwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2V4Y2x1ZGVfcGFnZXM8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19mZWF0dXJlZF9wb3N0czwvc3Ryb25nPiAtIDU8L2xpPjxsaT48c3Ryb25nPndvb19mZWVkYnVybmVyX3VybDwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2dvb2dsZV9hbmFseXRpY3M8L3N0cm9uZz4gLSA8c2NyaXB0IHR5cGU9XCJ0ZXh0L2phdmFzY3JpcHRcIj4NCnZhciBnYUpzSG9zdCA9ICgoXCJodHRwczpcIiA9PSBkb2N1bWVudC5sb2NhdGlvbi5wcm90b2NvbCkgPyBcImh0dHBzOi8vc3NsLlwiIDogXCJodHRwOi8vd3d3LlwiKTsNCmRvY3VtZW50LndyaXRlKHVuZXNjYXBlKFwiJTNDc2NyaXB0IHNyYz1cJ1wiICsgZ2FKc0hvc3QgKyBcImdvb2dsZS1hbmFseXRpY3MuY29tL2dhLmpzXCcgdHlwZT1cJ3RleHQvamF2YXNjcmlwdFwnJTNFJTNDL3NjcmlwdCUzRVwiKSk7DQo8L3NjcmlwdD4NCjxzY3JpcHQgdHlwZT1cInRleHQvamF2YXNjcmlwdFwiPg0KdHJ5IHsNCnZhciBwYWdlVHJhY2tlciA9IF9nYXQuX2dldFRyYWNrZXIoXCJVQS03ODU2MDY0LTEwXCIpOw0KcGFnZVRyYWNrZXIuX3RyYWNrUGFnZXZpZXcoKTsNCn0gY2F0Y2goZXJyKSB7fTwvc2NyaXB0PjwvbGk+PGxpPjxzdHJvbmc+d29vX2xvZ288L3N0cm9uZz4gLSBodHRwOi8vd3d3Lm9zaHVhbW9yZW5vLmNvbS93cC1jb250ZW50L3dvb191cGxvYWRzLzctbG9nby5wbmc8L2xpPjxsaT48c3Ryb25nPndvb19tYW51YWw8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb20vc3VwcG9ydC90aGVtZS1kb2N1bWVudGF0aW9uL21ldGEtbW9ycGhvc2lzLzwvbGk+PGxpPjxzdHJvbmc+d29vX3Jlc2l6ZTwvc3Ryb25nPiAtIHRydWU8L2xpPjxsaT48c3Ryb25nPndvb19zaG9ydG5hbWU8L3N0cm9uZz4gLSB3b288L2xpPjxsaT48c3Ryb25nPndvb190aGVtZW5hbWU8L3N0cm9uZz4gLSBNZXRhLU1vcnBob3NpczwvbGk+PGxpPjxzdHJvbmc+d29vX3VwbG9hZHM8L3N0cm9uZz4gLSBhOjU6e2k6MDtzOjYwOiJodHRwOi8vd3d3Lm9zaHVhbW9yZW5vLmNvbS93cC1jb250ZW50L3dvb191cGxvYWRzLzctbG9nby5wbmciO2k6MTtzOjYwOiJodHRwOi8vd3d3Lm9zaHVhbW9yZW5vLmNvbS93cC1jb250ZW50L3dvb191cGxvYWRzLzYtbG9nby5wbmciO2k6MjtzOjYwOiJodHRwOi8vd3d3Lm9zaHVhbW9yZW5vLmNvbS93cC1jb250ZW50L3dvb191cGxvYWRzLzUtbG9nby5wbmciO2k6MztzOjYwOiJodHRwOi8vd3d3Lm9zaHVhbW9yZW5vLmNvbS93cC1jb250ZW50L3dvb191cGxvYWRzLzQtbG9nby5wbmciO2k6NDtzOjYwOiJodHRwOi8vd3d3Lm9zaHVhbW9yZW5vLmNvbS93cC1jb250ZW50L3dvb191cGxvYWRzLzMtbG9nby5wbmciO308L2xpPjwvdWw+