jQuery模拟下拉选
来源:互联网 发布:馆陶县行知教育集团 编辑:程序博客网 时间:2024/06/06 02:26
HTML的代码如下
<tr>
<td class="z_td_left"><label>类别:</label></td><td class="z_td_right" style="z-index:2005">
<input type="hidden" value="00" id="questiontype" name="questiontype" />
<label class="selector" id="inputselect" style="width:226px;text-align: left;/* background: url(/ecenter/images/select.png) 205px 2px no-repeat; */">
<span id="initcontent" style="display:inline-block;text-indent:0; float:left; width:193px; ">导航菜单</span>
<em id="clickselect"></em>
</label>
<div id="riskcode" class="divselect" style="position:absolute;margin-top:28px;padding-bottom:0px;">
<ul style="overflow:auto; height:auto;width:230px; border:1px solid #ccc;_margin-top:7px;">
<li><a href="javascript:;" selectid="1">导航菜单</a></li>
<li><a href="javascript:;" selectid="2">特效</a></li>
<li><a href="javascript:;" selectid="3">APP</a></li>
<li><a href="javascript:;" selectid="4">保险</a></li>
<li><a href="javascript:;" selectid="7">中国人寿</a></li>
<li><a href="javascript:;" selectid="8">中国平安</a></li>
<li><a href="javascript:;" selectid="9">中国太平洋</a></li>
</ul>
</div>
</td>
</tr>
jQuery.divselect = function(divselectid,inputselectid,hiddenvalue) {
var inputselect = $(inputselectid);
$(inputselectid).click(function(){
var ul = $(divselectid+" ul");
if(ul.css("display")=="none"){
ul.slideDown("fast");
}else{
if((navigator.userAgent.indexOf('MSIE') >= 0)&&($.browser.version == 7.0)){
}else{
ul.slideUp("fast");
}
}
});
$(divselectid+" ul li a").click(function(){
var txt = $(this).text();
$(inputselectid+" span").html(txt);
var value = $(this).attr("selectid");
$(hiddenvalue).val(value);
if(divselectid =="#riskcode"){
changeKindName();
}
$(divselectid+" ul").hide();
});
$(document).click(function (e) {
var v_id = $(e.target).attr('id');
if(v_id!=inputselectid&&v_id!=$(inputselectid+" span").attr('id')&&v_id!=$(inputselectid+" em").attr('id')){
var ul = $(divselectid+" ul");
if(ul.css("display")!="none"){
$(divselectid+" ul").hide();
}
}
});
};
- jQuery模拟下拉选
- jquery模拟下拉框动作
- jQuery模拟Select下拉框
- jquery模拟select下拉框
- 用jQuery制作模拟下拉框
- 【jQuery】用DIV层模拟下拉列表
- 文本框模拟下拉列表效果,-jQuery
- 用jQuery制作模拟下拉框
- jquery模拟SELECT下拉框取值效果
- jquery模拟可输入的下拉框
- 使用jquery模拟select下拉框
- jQuery扩展模拟下拉列表框
- 基于Jquery的模拟Select下拉菜单
- Jquery模拟下拉框及兼容
- jquery.chosen 强大的jquery模拟下拉框(select)插件
- jQuery模拟的简单的select下拉菜单
- jQuery 插件autocomplete 应用(模拟的下拉菜单)
- jQuery Validation Engine验证模拟的下拉列表非select
- hellow
- 使用python生成rsa密钥对
- $与#区别
- java 常见几大习题
- 【Ubuntu】Ubuntu16.04和Win10双系统时间不同步
- jQuery模拟下拉选
- Spring的七大模块简介
- Understanding LSTM Networks
- 15213-BombLab 备忘
- Codeforces Round #435 (Div. 2) C. Mahmoud and Ehab and the xor
- C++数据结构实验报告:顺序表实现
- 1203:单词分割
- 记录json解析
- 表单标签