《BootStrap点击下拉菜单项后显示一个新的输入框实现代码_.docx》由会员分享，可在线阅读，更多相关《BootStrap点击下拉菜单项后显示一个新的输入框实现代码_.docx（3页珍藏版）》请在三一文库上搜索。
1、BootStrap点击下拉菜单项后显示一个新的输入框实现代码_ 这篇文章主要介绍了BootStrap点击下拉菜单项后显示一个新的输入框实现代码的相关资料,需要的伴侣可以参考下 我的页面上有一个下拉菜单,页面上有一个文本输入框,一个图像上传框,文本输入框默认是显示的,而图片上传框是隐蔽的. 假设下拉菜单有两项A和B,我想实现这样的效果:点击A时显示文本输入框,隐蔽图像输入框；点击B时显示图像上传框,隐蔽文本输入框,请问怎么实现? 用firebug调试的时候发觉只有在加载html页面的时候几个click函数才会执行,页面加载好后点击下拉菜单项,这些断点都不会被执行,求解是怎么回事. 我的js代码如
2、下(定义在head部分中): script type=text/javascript /image_upload是图片上传框的id,最开头时把它隐蔽 $(document).ready( function() $(#image_upload).hide(); ); /text_only是下拉菜单项,我想这个函数来实现点击这个菜单项时 /显示文本输入框text_input,隐蔽图片上传框image_upload $(#text_only).click(function(e) $(#text_input).show(); $(#image_upload).hide(); e.stopPropaga
3、tion(); ); /* image_only是下拉菜单项,点击它时隐蔽文本框,显示图片上传框 */ $(image_only).click(function() $(#text_input).hide(); $(#image_upload).show(); ); /script 完整的代码如下,怕上面的信息还不够: !DOCTYPE html html lang=en head title hello,world/title meta name=viewport content=width=device-width, initial-scale=1.0 meta http-equiv=Content-Type content=text/html; charset=utf-8 / !-防止中文乱码 - link href=css/bootstrap.css rel=stylesheet media=screen link href=css/bootstrap-fileupload.css rel=stylesheet media=screen script src=l BootStrap点击下拉菜单项后显示一个新的输入框实现代码，盼望对大家有所关心！ .