jDrop Image Combo
发布时间：2014-08-09 编辑：jiaochengji.com
jDrop -Alpha -0.3.7 jDrop turns your SELECT OPTION form elements into drop down lists that can be fully styled with CSS. Use jDrop as an image combo box or drop down list. You can add ANY xhtml element to your dropdown or combobox. jDrop changes the value
jDrop -Alpha -0.3.7jDrop turns your SELECT OPTION form elements into drop down lists that can be fully styled with CSS. Use jDrop as an image combo box or drop down list. You can add ANY xhtml element to your dropdown or combobox.jDrop changes the value of your original form elements, making the data POST'able on submit, integrating seamlessly with your existing forms.Demo & Zipped Code:Try it here!Directions: Just insert script type="text/javascript" src="js/jquery.jdrop.js" into your HEAD and write your SELECT's as follows: <select name="animal">
<option html="<img src='gfx/dog.png' />" selected="selected">Dog</option>
<option html="<img src='gfx/cat.png' />">Cat</option>
<option html="<img src='gfx/duck.png' />">Duck</option>
<option html="<img src='gfx/fish.png' />">Fish</option>
<option html="<img src='gfx/snake.png' />">Snake</option>
</select>Currently in Alpha 0.3.7.In development for the next version:Image cache support.Phasing out the HTML="" attribute to aviod custom DTD.Using ID instead of TITLE to link the drop-down with it's source element.Feature requests and ideas very welcomejDrop currently uses a Custom DTD to validate but this will be phased out in the next version.
<option html="<img src='gfx/dog.png' />" selected="selected">Dog</option>
<option html="<img src='gfx/cat.png' />">Cat</option>
<option html="<img src='gfx/duck.png' />">Duck</option>
<option html="<img src='gfx/fish.png' />">Fish</option>
<option html="<img src='gfx/snake.png' />">Snake</option>
</select>Currently in Alpha 0.3.7.In development for the next version:Image cache support.Phasing out the HTML="" attribute to aviod custom DTD.Using ID instead of TITLE to link the drop-down with it's source element.Feature requests and ideas very welcomejDrop currently uses a Custom DTD to validate but this will be phased out in the next version.
您可能感兴趣的文章：
jDrop Image Combo
jQuery 的 Combo 组合框插件 jcombo
jQuery组合框插件 Sexy Combo
Jquery easyui中combobox的默认“请选择”“全部”扩展示例
Multiple Select
jquery easyui表单重置扩展思路
php 创建图片程序实例
在jquery中combobox多选的不兼容问题总结
asp.net DataGridView打印预览的实现代码
经典海量jQuery插件 大家可以收藏一下
[关闭]