Showing posts with label image combobox .. Show all posts
Showing posts with label image combobox .. Show all posts

Wednesday, May 15, 2013

jQuery custom dropdown image combobox

we are special thanks To Jquery and htmldrive.net. visit  http://www.htmldrive.net/ and  http://www.jquery.com/   

Simple Custome Combobox:




Html :


You need to add following code in "header".


<script src="msdropdown/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="msdropdown/js/jquery.dd.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="msdropdown/dd.css" />


 You need to add following code in "body".

<select name="webmenu" id="webmenu" onchange="showValue(this.value)">
    <option value="calendar" title="icons/icon_calendar.gif">Calendar</option>
    <option value="shopping_cart" title="icons/icon_cart.gif">Shopping Cart</option>
    <option value="cd" title="icons/icon_cd.gif">CD</option>
    <option value="email"  selected="selected" title="icons/icon_email.gif">Email</option>
    <option value="faq" title="icons/icon_faq.gif">FAQ</option>
    <option value="games" title="icons/icon_games.gif">Games</option>
  </select>




<script language="javascript">
$(document).ready(function(e) {
  $("#
webmenu").msDropDown();
});
</script>


If you Need more information.
please see the following urls.


URL :  http://www.htmldrive.net/items/show/550/jQuery-custom-dropdown-image-combobox

Demo URL:   http://www.htmldrive.net/items/demo/550/jQuery-custom-dropdown-image-combobox