挺好用的jquery实现联动下拉框:
<html>
<head>
<script type="text/javascript" src="jquery-1.6.2.js"></script>
<script type="text/javascript" src="jquery.optionTree.js"></script>
</head>
<body>
<h3>Demo1</h3>
<input type="text" name="demo1" />
<script type="text/javascript">
$(function() {
var option_tree = {
"Option 1": {"Suboption":200},
"Option 2": {"Suboption 2": {"Subsub 1":201, "Subsub 2":202},
"Suboption 3": {"Subsub 3":203, "Subsub 4":204, "Subsub 5":205}
}
};
$('input[name=demo1]').optionTree(option_tree);
});
</script>
<br>
<h3>Demo2</h3>
<input type="text" name="demo2" />
<script type="text/javascript">
var option_tree = {
"Option 1": {"Suboption":200},
"Option 2": {"Suboption 2": {"Subsub 1":201, "Subsub 2":202},
"Suboption 3": {"Subsub 3":203, "Subsub 4":204, "Subsub 5":205}
}
};
var options = {empty_value: -1, choose: '...select'};
$('input[name=demo2]').optionTree(option_tree, options)
;
</script>
</body>
</html>
还有其他demo,ajax实现等参看连接:
http://code.google.com/p/jquery-option-tree/
分享到:
相关推荐
jquery--下拉框的实现jquery--下拉框的实现
jQuery联动下拉框 jQuery optionTree
jquery-下拉框down jquery-下拉框down.
jquery 三级联动下拉框jquery 三级联动下拉框jquery 三级联动下拉框jquery 三级联动下拉框jquery 三级联动下拉框jquery 三级联动下拉框
jQuery-searchableSelect下拉框带搜索美化插件
jquery动态创建联动下拉框和jquery动态创建下拉框
Ajax实现二级/三级联动下拉框---servlet版
<script type="text/javascript" src="../../../jquery/jquery-1.7.1.js"></script> <script type="text/javascript" src="jquery-ui.min.js"></script> <script type="text/javascript" src="jquery.multiselect....
中国的省市县三级联动下拉框html+js源码,看懂后也可以扩展成四级五级联动
jquery实现的多级联动下拉框,由div标签加上span标签实现。
一个直制的JQuery 年月日三级下拉框联动 使用方法非常简单 <title>JQuery 年月日三下拉框联动 <script src="jquery-1.4.2.min.js" type="text/javascript"> ...
jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)
主要介绍了jQuery实现下拉框多选 jquery-multiselect 的实例代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
layui-省市县三级联动下拉框效果.rar
这个是jquery的下拉框插件,可以实现下拉框内模糊搜索的功能
实现JQuery年月日三级下拉框联动,因为项目需要,这里代码进行了改良版,供大家参考。
bootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-...
jQuery下拉框美化插件是一款带图标的5种主题方形select下拉框选择美化样式代码。
jQuery省市区三级联动下拉框基于jquery-1.8.2.min.js制作,三级联动代码。
下拉框选择背景.rar下拉框选择背景.rar下拉框选择背景.rar下拉框选择背景.rar下拉框选择背景.rar下拉框选择背景.rar