Comments on: Making Better Select Elements with jQuery and CSS3

By: bluet

bluet — Wed, 03 Apr 2013 21:25:18 +0000

Great plugin. Just wondering how to make each of the list items a link to an external page?

By: Rob

Rob — Mon, 28 Jan 2013 23:06:47 +0000

I've having trouble with the drop down li not being on top of other elements on the page. I've tried adding z-index to no avail. This is true of other html/form elements as well as other selects created by this code. It's kinda hard to select an option when it is under other select boxes.

By: oxana

oxana — Wed, 02 Jan 2013 03:03:20 +0000

Martin thanks for the code but how to connect the links that I want the choice of one shift on a link to another page. 2 - another etc

By: efx

efx — Mon, 17 Dec 2012 10:43:35 +0000

For new versions of jQuery, selectedIndex is now a property, so you have to replace

if(i==select.attr('selectedIndex')){
	selectBox.html(option.text());
}

with

if(i==select.prop('selectedIndex')){
	selectBox.html(option.text());
}

By: Eddi

Eddi — Sat, 08 Dec 2012 16:04:18 +0000

Martin thanks a lot for the Tutorial!
Ross thanks a lot for the advise. Got crazy about why it does not work, but no everything is fine...
thanks ;)

By: Ross

Ross — Wed, 21 Nov 2012 09:34:26 +0000

With the latest jquery (1.8.x) the combo is not visible. To make it visible change the javascript file with the following:

var selectBoxContainer = $('',{
		width		: select.outerWidth(),
		className: 'tzSelect',
		html		: ''
	});

var dropDown = $('',{class:'dropDown'});

with this:

var selectBoxContainer = $('',{
		width		: select.outerWidth(),
		'class'		: 'tzSelect',
		html		: ''
	});

	var dropDown = $('',{'class':'dropDown'});

and

if(i==select.attr('selectedIndex')){
	selectBox.html(option.text());
}

with this:

if(i==select.find('option:selected').index()){
	selectBox.html(option.text());
}

By: Jenna

Jenna — Sun, 07 Oct 2012 19:40:05 +0000

Have you found a way to make this successful. I was wondering if we could create the drop down selection boxes to sit side by side instead of on top of other one. and that the drop down boxes would work.

By: LP

LP — Fri, 28 Sep 2012 17:18:52 +0000

can anyone turn this code into a jquery plugin??,
i tried to do it, but i couldn't...

it would be absolutely great! =)

By: Linas

Linas — Thu, 20 Sep 2012 18:36:34 +0000

Yes, facing the same issue. It's because of the variable names in the library, need to catch those and replace with old ones, but no luck yet.

By: Linas

Linas — Thu, 20 Sep 2012 18:34:33 +0000

Great! Works like a charm!