jQuery实现下拉菜单（select option）

代码：

html代码

<span>性别</span>
<input id="patient_sex_sele" readonly  type="text" name="sexinput">
<ul class="option_sex"><li   value="男">男</li><li   value="女">女</li>
</ul>

jQuery代码

$(document).ready(function(){
$('#patient_sex_sele').focus(function(){$('.option_sex').slideDown(500);
})
$('#patient_sex_sele').blur(function(){$('.option_sex').slideUp(500);
})var sexarr=$('.option_sex li');sexarr.each(function(i,domEles){$(domEles).click(function(){$('#patient_sex_sele').val($(domEles).text());})})     })

利用jQuery遍历方法each来做

jQuery实现下拉菜单（select option）相关推荐

jQuery获取下拉菜单列表的值
在表单提交的网页中,我们经常使用下拉菜单列表,这篇文章解释了如何获取下拉列表选择的值. 在jQuery中,我们通过使用.val()方法获得下拉列表的选定值. .val()方法主要用于获取表单元素的值, ...
html下拉列表兼容性,下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)
复制代码代码如下: 兼容IE6/IE7/IE8/火狐---下拉菜单select样式设置 body {background-color:#6C6;} .select_border{ width:59px ...
使用jQuery完成下拉菜单
开发工具与关键技术:Adobe Dreamweaver CC 2017 jQuery 作者:孙水兵撰写时间:2019年2月21 用jQuery实现下拉菜单是一件很简单的事,主要是进行css的编写,将 ...
jquery php下拉列表,JQuery三级下拉菜单
摘要: jQuery三级下拉菜单首页内容动画动画2 3级菜单→ 我是3级菜单我是3级菜单我是3级菜单动画2 3级菜单→ 我是3级菜单我是3级菜单 4级菜单→ 我是4级菜单我是4级菜单 ...
html下拉菜单插件,简单的jQuery大型下拉菜单插件
booNavigation是一款简单的jQuery大型下拉菜单插件.通过该插件可以制作3列大型下拉菜单,并带有平滑过渡效果,以及鼠标滑过菜单项时的动画效果. 使用方法在页面中引入jquery和boo ...
jQuery实现下拉菜单(点击显示/隐藏)
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>j ...
用jQuery实现下拉菜单效果
用jQuery实现下拉菜单效果下拉菜单效果展示代码 <!DOCTYPE html> <html><head>`在这里插入代码片`<meta charset ...
jQuery练习——下拉菜单
哈喽大家好,本次是jQuery案例练习系列第一期,本期是用jQuery实现下拉菜单. 笔者还是前端的菜鸟,还请大家多多指教呀~ 欢迎大佬指正,一起学习,一起加油! 第一期--下拉菜单的实现文章目录 ...
jquery 下拉菜单 html,jQuery实现下拉菜单的实例代码
基本效果是这样的~~ * { margin: 0; padding: 0; } ul { list-style: none; } .wrap { width: 330px; height: 30px; ...
jquery 实现下拉菜单
为什么80%的码农都做不了架构师?>>> 该文章属于原创:转载注明出处:http://www.pm-road.com/index.php/2014/12/09/276/ Jqu ...

jQuery实现下拉菜单（select option）

jQuery实现下拉菜单（select option）相关推荐

最新文章

热门文章

jQuery实现下拉菜单 （select option）

jQuery实现下拉菜单 （select option）相关推荐

最新文章

热门文章

jQuery实现下拉菜单（select option）

jQuery实现下拉菜单（select option）相关推荐