Submit your widget

jQuery Cusom your select form

Created 13 years ago   Views 8945   downloads 2905    Author denis
jQuery Cusom your select  form
View DemoDownload
46
Share |

Your select form is replace by a div + ul li to simulate a select Box with options and rebuild automatically your original <select> with the correct value. Don't work with multiple selections.

CrossBrowsing :

  • Working on FF, Safari, Chrome, IE7+

Activate the plugin :

$(document).ready(function(){
 
  $('#myCustomSelect').customSelectForm({
              prefix:"csf", // add a prefix to elements ClassName 
              icon:false // using icon TRUE/FALSE
  });
 
});

Functionalities :

  • Standart functionalities of simple <select>
  • using title attribute of <option> to set the icon path

Coming soon (or not):

  • posibility to highlight your selectBox with a mask that cover entire screen

The article source:http://www.dipi-graphics.com/blogs/81/Custom-your-select-tag-in-a-form-with-jQuery.html