中带有图片怎么实现？ wujiabin 2011-12-14 09:16:39 好不容易通过jquery把图片弄上，结果jquery的change还不好使了。 不知各位有没有好的方法，在select做标签的前提下，弄上图片？ 先谢谢了 ...全文 7538 13 打赏 收藏 <select><option>中带有图片怎么实现？ 好不容易通过jquery把图片弄上，结果jquery的change还不好使了。 不知各位有没有好的方法，在select做标签的前提下，弄上图片？ 先谢谢了 复制链接 扫一扫 分享 转发到动态 举报 AI 作业 写回复 配置赞助广告取 消 确 定 用AI写文章 13 条回复 切换为时间正序 请发表友善的回复… 发表回复 打赏红包 需支付: 0.00 元 取 消 确 定 myleihao_88 2012-01-17 打赏举报 回复 只能用div+js模拟select了 woaini2000211 2011-12-26 打赏举报 回复 http://www.iteye.com/topic/281056 这个帖子或许能帮助你 rayjane618 2011-12-22 打赏举报 回复 思路就是利用js创建一个div来替代原有的option Zjmainstay 2011-12-17 打赏举报 回复 [Quote=引用 8 楼 letian1989615 的回复:] http://www.marghoobsuleman.com/jquery-image-dropdown [/Quote] 这个应用很强大。 碧海情天-赵亮 2011-12-17 打赏举报 回复 既然样式要求较高，就要求本岗位的人员能力上去。自己多学点CSS+JS吧。 letian1989615 2011-12-15 打赏举报 回复 http://www.marghoobsuleman.com/jquery-image-dropdown wujiabin 2011-12-14 打赏举报 回复 [Quote=引用 6 楼 p2227 的回复:] 建议用一些现成的控件吧 http://www.iteye.com/news/6985-24-beautiful-personalized-html-forms-technology [/Quote] 这个帖子昨天我也看了，帮助很大，我再试一试。 p2227 2011-12-14 打赏举报 回复 建议用一些现成的控件吧 http://www.iteye.com/news/6985-24-beautiful-personalized-html-forms-technology wujiabin 2011-12-14 打赏举报 回复 [Quote=引用 4 楼 p2227 的回复:] 原来是要这样，我还以为是成片的花俏背景，像这样就很实用了，我看看能不能实现，你也可以看看其他高手的回答 [/Quote] 先谢谢了 p2227 2011-12-14 打赏举报 回复 原来是要这样，我还以为是成片的花俏背景，像这样就很实用了，我看看能不能实现，你也可以看看其他高手的回答 孟子E章 2011-12-14 打赏举报 回复 你需要使用div模仿的。 wujiabin 2011-12-14 打赏举报 回复 我也不想啊，主要是式样要求的，下拉菜单都是银行卡名，后边跟着各个银行的图标，可能是一目了然吧。 p2227 2011-12-14 打赏举报 回复 那个东西还要带背景你不觉得太花巧了么 HTML ＜option＞ 标签 option 元素定义下拉列表中的一个选项（一个条目）。浏览器将 标签中的内容作为 标签的菜单或是滚动列表中的一个元素显示。option 元素位于 select 元素内部。 超详细的HTML <select> 标签用法及技巧介绍 https://www.w3cschool.cn/htmltags/tag-select.html HTML 标签定义及使用说明 元素用来创建下拉列表。 元素中的 标签定义了列表中的可用选项。 select 元素可创建单选或多选菜单。当提交表单时，浏览器会提交选定的项目，或者收集用逗号分隔的多个选项，将其合成一个单独的参数列表，并且在将 表单数据提 HTML标签概述及＜html＞,＜head＞,＜title＞,＜link＞,＜form＞,＜meta＞详细介绍 Web概述与创建介绍Web出发创建自己的Web后记三级目录 介绍 web（World Wide Web）是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。 超文本：是计算机处理文本信息的方法，不同空间的电子文档通过超链接组织起来成为一个“网”，这个文档“网”称为“超级文本”，简称“超文本”。 HTTP：全称Hyper Text Transfer Protocol（超文本传输协议）。经过多年的发展，现在HTTP能够传输图片等多媒体文件，是Web世界的中流砥柱，应用非常广泛 W 使<select>可输入 用户需求可以在可输入内容。在网上查找的方法，onchange事件方法，在我这里不能正常使用，我修改为onclick方法后OK @foreach (var List in @ViewBag.ListMarkDesc) option>option>转化成<option>option>时加了selected属性 一、概念介绍 stust1中html标签的使用，其中有html:select，html:option，详情如下 用来在网页上产生选择列表。通常它与等选项标记连用。示例代码如下： Show Value1 Show Value2 Show Value3 其中，property表示该选择列表与ActionForm中对应的属性名。当用户点击 CSS 61,129 社区成员 60,711 社区内容 发帖 与我相关 我的任务 CSS 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。 复制链接 扫一扫 分享 确定 社区描述 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。 社区管理员 加入社区 获取链接或二维码 近7日 近30日 至今 加载中 查看更多榜单 社区公告 暂无公告 试试用AI创作助手写篇文章吧 + 用AI写文章 window.__INITIAL_STATE__= {"csrf":"Sn64Uf0J-qdn3cuJ7AzuFSrMugF6tJ3bz3fI","origin":"http:\u002F\u002Fbbs.csdn.net","isMobile":false,"cookie":"uuid_tt_dd=10_36287182270-1751757056010-744789; dc_session_id=10_1751757056010.863517; dc_sid=ac3fd947a3d1c4a541232f8642fe9ce8; uuid_tt_dd=10_36287182270-1751757056010-744789; csrfToken=91w9O7wwRP0FrI_je8Lom93g","ip":"216.73.216.147","pageData":{"page":{"pageId":143,"title":"社区详情","keywords":"社区详情","description":"社区详情","ext":{"isMd":"true","armsfe1":"{pid:\"dyiaei5ihw@1a348e4d05c2c78\",appType:\"web\",imgUrl:\"https:\u002F\u002Farms-retcode.aliyuncs.com\u002Fr.png?\",sendResource:true,enableLinkTrace:true,behavior:true}","redPacketCfg":"{\"presetTitle\":[\"成就一亿技术人!\",\"大吉大利\",\"节日快乐\",\"Bug Free\",\"Hello World\",\"Be Greater Than Average!!\"],\"defaultTitle\":\"成就一亿技术人!\",\"preOpenSty\":{},\"redCardSty\":{}}","blogStar":"[{\"year\":\"2021\",\"enable\":true,\"communityIds\":[3859],\"url\":\"https:\u002F\u002Fbbs.csdn.net\u002Fsummary2021\"},{\"year\":\"2022\",\"enable\":true,\"communityIds\":[3860],\"url\":\"https:\u002F\u002Fbbs.csdn.net\u002Fsummary2022\"}]","mdVersion":"https:\u002F\u002Fcsdnimg.cn\u002Frelease\u002Fmarkdown-editor\u002F1.1.0\u002Fmarkdown-editor.js","componentSortCfg":"{ \"right\":[\"ratesInfo\",\"cty-profile\",\"pub-comp\",\"user-right-introduce\",\"post-event\",\"my-mission\", \"user-right-rank\",\"user-right-rule\",\"user-right-adimg\"] }","showCknowDetail":"{\"show\":true,\"reportView\":true,\"url\":\"https:\u002F\u002Fai.csdn.net\u002Fhomework?utm_source=cknow_bbs_detail\",\"spm\":\"1035.2022.3001.10801\"}","show_1024":"{\"enable\":false,\"useWhitelist\":false,\"whitelist\":[76215],\"home\":\"https:\u002F\u002F1111.csdn.net\u002F\",\"logo\":\"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221104102741.png\",\"hideLive\":true}","iframes":"[\"3859\"]","pageCfg":"{\"disableDownloadPDF\": false,\"hideSponsor\":false}"}},"template":{"templateId":71,"templateComponentName":"ccloud-detail","title":"ccloud-detail","floorList":[{"floorId":562,"floorComponentName":"floor-user-content","title":"社区详情页","description":"社区详情页","indexOrder":3,"componentList":[{"componentName":"baseInfo","componentDataId":"cloud-detail1","componentConfigData":{},"relationType":3},{"componentName":"user-right-introduce","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-recommend","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-rank","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-rule","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-adimg","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"default2014LiveRoom","componentDataId":"20221024DefaultLiveRoom","componentConfigData":{},"relationType":3}]}]},"data":{"baseInfo":{"customDomain":"","uriName":"HTMLCSS","communityHomePage":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS","owner":{"userName":"community_7","nickName":"HTML(CSS)社区","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","position":"","companyName":""},"user":{"userRole":3,"userName":null,"nickName":null,"avatarUrl":null,"rank":null,"follow":2,"communityBase":null,"joinCollege":null,"isVIP":null},"community":{"name":"CSS","description":"层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。","avatarUrl":"https:\u002F\u002Fimg-community.csdnimg.cn\u002Favatar\u002F34450b38a2f048c8a5e780c51b36fb79.png?x-oss-process=image\u002Fresize,m_fixed,h_88,w_88","qrCode":"","createTime":"2007-09-28","communityAvatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","communityNotice":null,"userCount":61129,"contentCount":60711,"followersCount":31730,"communityRule":"","communityId":126,"bgImage":"","hashId":"mgwm1ywl","domain":"","uriName":"HTMLCSS","externalDisplay":1,"adBanner":{"img":"","url":"","adType":0,"adCon":null},"rightBanner":{"img":"","url":"","adType":0,"adCon":null},"tagId":null,"tagName":null,"communityType":1,"communityApplyUrl":"https:\u002F\u002Fmarketing.csdn.net\u002Fquestions\u002FQ2106040308026533763","joinType":0,"visibleType":0,"collapse":0,"topicMoveAble":0,"allowActions":{},"communityOwner":"community_7","tagNameInfo":{"provinceTag":null,"areaTag":null,"technologyTags":null,"customTags":null}},"tabList":[{"tabId":1285,"tabName":"全部","tabUrl":"","tabSwitch":1,"tabType":4,"tabContribute":0,"cardType":0,"indexOrder":-1,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS?typeId=1285","iframe":false,"sortType":1},{"tabId":874,"tabName":"问答","tabUrl":"https:\u002F\u002Fask.csdn.net\u002Flist\u002F11\u002Ftag\u002F549","tabSwitch":1,"tabType":0,"tabContribute":0,"indexOrder":0,"iframe":true,"sortType":1},{"tabId":4055690,"tabName":"博文收录","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":19,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS?typeId=4055690","iframe":false,"sortType":1},{"tabId":1637781,"tabName":"Ada助手","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":20,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS?typeId=1637781","iframe":false,"sortType":1}],"dataResource":{"mediaType":"c_cloud","subResourceType":"8_c_cloud_long_text","showType":"long_text","tabId":0,"communityName":"CSS","communityHomePageUrl":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS","communityType":1,"content":{"id":"380103911","contentId":380103911,"cateId":0,"cateName":null,"url":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F380103911","shareUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F380103911","createTime":"2011-12-14 09:16:39","updateTime":"2021-05-28 17:38:28","resourceUsername":"wujiabin468","best":0,"top":0,"text":null,"publishDate":"2011-12-14","lastReplyDate":"2012-01-17","type":"13","nickname":"wujiabin","avatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F4ae1fad3cb5c4388b610398c80ad4c0f_wujiabin468.jpg!1","username":"wujiabin468","commentCount":13,"diggNum":0,"digg":false,"viewCount":7538,"hit":false,"resourceSource":6,"status":10,"taskStatus":null,"expired":false,"taskCate":0,"taskAward":0,"taskExpired":null,"checkRedPacket":null,"avgScore":0,"totalScore":0,"topicTitle":"\u003Cselect\u003E\u003Coption\u003E中带有图片怎么实现？","insertFirst":false,"likeInfo":null,"description":"好不容易通过jquery把图片弄上，结果jquery的change还不好使了。 不知各位有没有好的方法，在select做标签的前提下，弄上图片？ 先谢谢了","coverImg":"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221026061938.png","content":"好不容易通过jquery把图片弄上&#xff0c;结果jquery的change还不好使了。\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n不知各位有没有好的方法&#xff0c;在select做标签的前提下&#xff0c;弄上图片&#xff1f;\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n先谢谢了","mdContent":null,"pictures":null,"videoInfo":null,"linkInfo":null,"student":{"isCertification":false,"org":"","bala":""},"employee":{"isCertification":false,"org":"","bala":""},"userCertification":[],"dependId":"0","dependSubType":null,"videoUrl":null,"favoriteCount":0,"favoriteStatus":false,"taskType":null,"defaultScore":null,"syncAsk":false,"videoPlayLength":null},"communityUser":null,"allowPost":false,"submitHistory":[{"user":{"registerurl":"https:\u002F\u002Fg.csdnimg.cn\u002Fstatic\u002Fuser-reg-year\u002F1x\u002F17.png","avatarurl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F4ae1fad3cb5c4388b610398c80ad4c0f_wujiabin468.jpg!1","nickname":"wujiabin","selfdesc":"重要的不是你用什么开发，而是你在开发什么。","createdate":"2008-04-13 16:50:00","days":"6293","years":"17","username":"wujiabin468","school":null,"company":null,"job":null},"userName":"wujiabin468","event":"创建了帖子","body":"2011-12-14 09:16","editId":null}],"resourceExt":{}},"contentReply":{"pageNo":1,"pageSize":20,"totalPages":1,"totalCount":13,"total":0,"list":[{"hit":null,"hitMsg":null,"content":"只能用div&#43;js模拟select了","topicTitle":null,"description":"只能用div+js模拟select了","id":382622669,"contentResourceId":380103911,"bindContentResourceId":0,"communityId":126,"username":"myleihao_88","userNickName":"myleihao_88","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":3738367632,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2012-01-17 03:47:52","updateTime":"2012-01-17 03:50:39","formatTime":"2012-01-17","userRoleHonorary":{"userName":"myleihao_88","roleId":131,"roleType":0,"roleStatus":1,"honoraryId":0,"roleName":"","honoraryName":null,"communityNickname":"","communitySignature":""},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"http:\u002F\u002Fwww.iteye.com\u002Ftopic\u002F281056\u003Cbr \u002F\u003E\n这个帖子或许能帮助你","topicTitle":null,"description":"http:\u002F\u002Fwww.iteye.com\u002Ftopic\u002F281056 这个帖子或许能帮助你","id":382359447,"contentResourceId":380103911,"bindContentResourceId":0,"communityId":126,"username":"woaini2000211","userNickName":"woaini2000211","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fb73ea8e575574b9491df41e8971e809c_woaini2000211.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":2088818178,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2011-12-26 12:37:25","updateTime":"2011-12-26 12:36:45","formatTime":"2011-12-26","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"思路就是利用js创建一个div来替代原有的option","topicTitle":null,"description":"思路就是利用js创建一个div来替代原有的option","id":382332648,"contentResourceId":380103911,"bindContentResourceId":0,"communityId":126,"username":"rayjane618","userNickName":"rayjane618","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":1928442724,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2011-12-22 08:06:51","updateTime":"2011-12-22 08:06:15","formatTime":"2011-12-22","userRoleHonorary":{"userName":"rayjane618","roleId":131,"roleType":0,"roleStatus":1,"honoraryId":0,"roleName":"","honoraryName":null,"communityNickname":"","communitySignature":""},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"[Quote&#61;引用 8 楼 letian1989615 的回复:]\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\nhttp:\u002F\u002Fwww.marghoobsuleman.com\u002Fjquery-image-dropdown\u003Cbr \u002F\u003E\n[\u002FQuote]\u003Cbr \u002F\u003E\n这个应用很强大。","topicTitle":null,"description":"[Quote=引用 8 楼 letian1989615 的回复:] http:\u002F\u002Fwww.marghoobsuleman.com\u002Fjquery-image-dropdown [\u002FQuote] 这个应用很强大。","id":382260542,"contentResourceId":380103911,"bindContentResourceId":0,"communityId":126,"username":"Zjmainstay","userNickName":"Zjmainstay","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fa1923130557f45a991908e382be1daa6_zjmainstay.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":992660827,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2011-12-17 09:55:49","updateTime":"2011-12-17 09:55:16","formatTime":"2011-12-17","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"既然样式要求较高&#xff0c;就要求本岗位的人员能力上去。自己多学点CSS&#43;JS吧。","topicTitle":null,"description":"既然样式要求较高，就要求本岗位的人员能力上去。自己多学点CSS+JS吧。","id":382262723,"contentResourceId":380103911,"bindContentResourceId":0,"communityId":126,"username":"theforever","userNickName":"碧海情天-赵亮","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Ff3b155edde444ffd8300ca9c387e341c_theforever.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":2055934019,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2011-12-17 02:21:10","updateTime":"2018-07-09 02:53:12","formatTime":"2011-12-17","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"http:\u002F\u002Fwww.marghoobsuleman.com\u002Fjquery-image-dropdown\u003Cbr \u002F\u003E\n","topicTitle":null,"description":"http:\u002F\u002Fwww.marghoobsuleman.com\u002Fjquery-image-dropdown ","id":382233793,"contentResourceId":380103911,"bindContentResourceId":0,"communityId":126,"username":"letian1989615","userNickName":"letian1989615","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F956ce4d82fbe4d0a8f3e23825af59cfd_letian1989615.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":1961685622,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2011-12-15 01:33:57","updateTime":"2011-12-15 01:33:26","formatTime":"2011-12-15","userRoleHonorary":{"userName":"letian1989615","roleId":131,"roleType":0,"roleStatus":1,"honoraryId":0,"roleName":"","honoraryName":null,"communityNickname":"","communitySignature":""},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"[Quote&#61;引用 6 楼 p2227 的回复:]\u003Cbr \u002F\u003E\n建议用一些现成的控件吧\u003Cbr \u002F\u003E\nhttp:\u002F\u002Fwww.iteye.com\u002Fnews\u002F6985-24-beautiful-personalized-html-forms-technology\u003Cbr \u002F\u003E\n[\u002FQuote]\u003Cbr \u002F\u003E\n这个帖子昨天我也看了&#xff0c;帮助很大&#xff0c;我再试一试。","topicTitle":null,"description":"[Quote=引用 6 楼 p2227 的回复:] 建议用一些现成的控件吧 http:\u002F\u002Fwww.iteye.com\u002Fnews\u002F6985-24-beautiful-personalized-html-forms-technology [\u002FQuote] 这个帖子昨天我也看了，帮助很大，我再试一试。","id":382225708,"contentResourceId":380103911,"bindContentResourceId":0,"communityId":126,"username":"wujiabin468","userNickName":"wujiabin","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F4ae1fad3cb5c4388b610398c80ad4c0f_wujiabin468.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":0,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2011-12-14 09:55:27","updateTime":"2011-12-14 09:54:56","formatTime":"2011-12-14","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"建议用一些现成的控件吧\u003Cbr \u002F\u003E\n\u003Ca href=\"http:\u002F\u002Fwww.iteye.com\u002Fnews\u002F6985-24-beautiful-personalized-html-forms-technology\" target=\"_blank\" \u003Ehttp:\u002F\u002Fwww.iteye.com\u002Fnews\u002F6985-24-beautiful-personalized-html-forms-technology\u003C\u002Fa\u003E","topicTitle":null,"description":"建议用一些现成的控件吧 http:\u002F\u002Fwww.iteye.com\u002Fnews\u002F6985-24-beautiful-personalized-html-forms-technology","id":382225659,"contentResourceId":380103911,"bindContentResourceId":0,"communityId":126,"username":"p2227","userNickName":"p2227","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F07c666df7d244e2aa4bcfe2d05b00b8a_p2227.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":989425814,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2011-12-14 09:50:52","updateTime":"2011-12-14 09:50:21","formatTime":"2011-12-14","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"[Quote&#61;引用 4 楼 p2227 的回复:]\u003Cbr \u002F\u003E\n原来是要这样&#xff0c;我还以为是成片的花俏背景&#xff0c;像这样就很实用了&#xff0c;我看看能不能实现&#xff0c;你也可以看看其他高手的回答\u003Cbr \u002F\u003E\n[\u002FQuote]\u003Cbr \u002F\u003E\n先谢谢了","topicTitle":null,"description":"[Quote=引用 4 楼 p2227 的回复:] 原来是要这样，我还以为是成片的花俏背景，像这样就很实用了，我看看能不能实现，你也可以看看其他高手的回答 [\u002FQuote] 先谢谢了","id":382225460,"contentResourceId":380103911,"bindContentResourceId":0,"communityId":126,"username":"wujiabin468","userNickName":"wujiabin","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F4ae1fad3cb5c4388b610398c80ad4c0f_wujiabin468.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":0,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2011-12-14 09:29:47","updateTime":"2011-12-14 09:29:17","formatTime":"2011-12-14","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"原来是要这样&#xff0c;我还以为是成片的花俏背景&#xff0c;像这样就很实用了&#xff0c;我看看能不能实现&#xff0c;你也可以看看其他高手的回答","topicTitle":null,"description":"原来是要这样，我还以为是成片的花俏背景，像这样就很实用了，我看看能不能实现，你也可以看看其他高手的回答","id":382225438,"contentResourceId":380103911,"bindContentResourceId":0,"communityId":126,"username":"p2227","userNickName":"p2227","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F07c666df7d244e2aa4bcfe2d05b00b8a_p2227.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":989425814,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2011-12-14 09:27:26","updateTime":"2011-12-14 09:26:55","formatTime":"2011-12-14","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"你需要使用div模仿的。\u003Cbr \u002F\u003E\n","topicTitle":null,"description":"你需要使用div模仿的。 ","id":382225435,"contentResourceId":380103911,"bindContentResourceId":0,"communityId":126,"username":"net_lover","userNickName":"孟子E章","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F4fb917cacb784691b74acad4bdbc8914_net_lover.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":3733112603,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2011-12-14 09:27:19","updateTime":"2011-12-14 09:26:48","formatTime":"2011-12-14","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"我也不想啊&#xff0c;主要是式样要求的&#xff0c;下拉菜单都是银行卡名&#xff0c;后边跟着各个银行的图标&#xff0c;可能是一目了然吧。","topicTitle":null,"description":"我也不想啊，主要是式样要求的，下拉菜单都是银行卡名，后边跟着各个银行的图标，可能是一目了然吧。","id":382225357,"contentResourceId":380103911,"bindContentResourceId":0,"communityId":126,"username":"wujiabin468","userNickName":"wujiabin","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F4ae1fad3cb5c4388b610398c80ad4c0f_wujiabin468.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":0,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2011-12-14 09:21:16","updateTime":"2011-12-14 09:20:45","formatTime":"2011-12-14","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"那个东西还要带背景你不觉得太花巧了么","topicTitle":null,"description":"那个东西还要带背景你不觉得太花巧了么","id":382225321,"contentResourceId":380103911,"bindContentResourceId":0,"communityId":126,"username":"p2227","userNickName":"p2227","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F07c666df7d244e2aa4bcfe2d05b00b8a_p2227.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":989425814,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2011-12-14 09:17:51","updateTime":"2011-12-14 09:17:20","formatTime":"2011-12-14","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null}],"maxPageSize":3000},"defaultActiveTab":1285,"recommends":[{"url":"https:\u002F\u002Fblog.csdn.net\u002Flijiming2185\u002Farticle\u002Fdetails\u002F131895069","title":"HTML ＜\u003Cem\u003Eoption\u003C\u002Fem\u003E＞ 标签","desc":"\u003Cem\u003Eoption\u003C\u002Fem\u003E 元素定义下拉列表\u003Cem\u003E中\u003C\u002Fem\u003E的一个选项（一个条目）。浏览器将 标签\u003Cem\u003E中\u003C\u002Fem\u003E的内容作为 标签的菜单或是滚动列表\u003Cem\u003E中\u003C\u002Fem\u003E的一个元素显示。\u003Cem\u003Eoption\u003C\u002Fem\u003E 元素位于 \u003Cem\u003Eselect\u003C\u002Fem\u003E 元素内部。","createTime":"2023-07-24 14:08:01","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-131895069-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-131895069-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Flijiming2185\u002Farticle\u002Fdetails\u002F131895069\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-131895069-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1751757072721_22188\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Flijiming2185\u002Farticle\u002Fdetails\u002F131895069\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-131895069-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1751757072721_22188\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Flucky123star\u002Farticle\u002Fdetails\u002F76474103","title":"超详细的HTML \u003C\u003Cem\u003Eselect\u003C\u002Fem\u003E\u003E 标签用法及技巧介绍","desc":"https:\u002F\u002Fwww.w3cschool.cn\u002Fhtmltags\u002Ftag-\u003Cem\u003Eselect\u003C\u002Fem\u003E.html\r\n\r\n\r\nHTML 标签定义及使用说明\r\n\r\n\r\n\r\n 元素用来创建下拉列表。\r\n\r\n 元素\u003Cem\u003E中\u003C\u002Fem\u003E的 标签定义了列表\u003Cem\u003E中\u003C\u002Fem\u003E的可用选项。\r\n\r\n\u003Cem\u003Eselect\u003C\u002Fem\u003E 元素可创建单选或多选菜单。当提交表单时，浏览器会提交选定的项目，或者收集用逗号分隔的多个选项，将其合成一个单独的参数列表，并且在将\r\n 表单数据提","createTime":"2017-07-31 23:38:39","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-76474103-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-76474103-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Flucky123star\u002Farticle\u002Fdetails\u002F76474103\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-76474103-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1751757072721_22188\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Flucky123star\u002Farticle\u002Fdetails\u002F76474103\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-76474103-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1751757072721_22188\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fdive668\u002Farticle\u002Fdetails\u002F108784408","title":"HTML标签概述及＜html＞,＜head＞,＜title＞,＜link＞,＜form＞,＜meta＞详细介绍","desc":"Web概述与创建介绍Web出发创建自己的Web后记三级目录\n介绍\n\nweb（World Wide Web）是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。\n超文本：是计算机处理文本信息的方法，不同空间的电子文档通过超链接组织起来成为一个“网”，这个文档“网”称为“超级文本”，简称“超文本”。\nHTTP：全称Hyper Text Transfer Protocol（超文本传输协议）。经过多年的发展，现在HTTP能够传输\u003Cem\u003E图片\u003C\u002Fem\u003E等多媒体文件，是Web世界的\u003Cem\u003E中\u003C\u002Fem\u003E流砥柱，应用非常广泛\n\nW","createTime":"2020-09-26 20:31:29","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-108784408-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-108784408-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fdive668\u002Farticle\u002Fdetails\u002F108784408\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-108784408-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1751757072721_22188\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fdive668\u002Farticle\u002Fdetails\u002F108784408\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-108784408-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1751757072721_22188\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Feasyboot\u002Farticle\u002Fdetails\u002F53212936","title":"使\u003C\u003Cem\u003Eselect\u003C\u002Fem\u003E\u003E可输入","desc":"用户需求可以在可输入内容。在网上查找的方法，onchange事件方法，在我这里不能正常使用，我修改为onclick方法后OK\n \n \n \n @foreach (var List in @ViewBag.ListMarkDesc)\n ","createTime":"2016-11-18 09:56:59","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-53212936-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-53212936-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Feasyboot\u002Farticle\u002Fdetails\u002F53212936\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-53212936-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1751757072721_22188\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Feasyboot\u002Farticle\u002Fdetails\u002F53212936\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-53212936-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1751757072721_22188\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fhonghailiang888\u002Farticle\u002Fdetails\u002F50826025","title":"\u003Chtml:\u003Cem\u003Eoption\u003C\u002Fem\u003E\u003E\u003C\u002Fhtml:\u003Cem\u003Eoption\u003C\u002Fem\u003E\u003E转化成\u003C\u003Cem\u003Eoption\u003C\u002Fem\u003E\u003E\u003C\u002F\u003Cem\u003Eoption\u003C\u002Fem\u003E\u003E时加了\u003Cem\u003Eselect\u003C\u002Fem\u003Eed属性","desc":"一、概念介绍\r\nstust1\u003Cem\u003E中\u003C\u002Fem\u003Ehtml标签的使用，其\u003Cem\u003E中\u003C\u002Fem\u003E有html:\u003Cem\u003Eselect\u003C\u002Fem\u003E，html:\u003Cem\u003Eoption\u003C\u002Fem\u003E，详情如下\r\n\r\n\r\n用来在网页上产生选择列表。通常它与等选项标记连用。示例代码如下：\r\n\r\n Show Value1\r\n Show Value2\r\n Show Value3\r\n \r\n\r\n其\u003Cem\u003E中\u003C\u002Fem\u003E，property表示该选择列表与ActionForm\u003Cem\u003E中\u003C\u002Fem\u003E对应的属性名。当用户点击","createTime":"2016-03-08 11:52:58","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-50826025-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-50826025-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fhonghailiang888\u002Farticle\u002Fdetails\u002F50826025\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-50826025-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1751757072721_22188\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fhonghailiang888\u002Farticle\u002Fdetails\u002F50826025\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-50826025-bbs-380103911.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1751757072721_22188\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"}],"staffDOList":[{"id":null,"communityId":126,"username":"community_7","userNickname":"HTML(CSS)社区","roleCode":1,"status":1,"createUsername":"","updateUsername":"","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","createTime":"2021-05-12 18:04:39","updateTime":"2021-05-12 18:04:39","lastLoginTime":"2021-05-12 18:04:39"}],"communityConfig":{"scoreType":0,"scoreItems":{"0":"给本帖投票","1":"锋芒小试，眼前一亮","2":"潜力巨大，未来可期","3":"持续贡献，值得关注","4":"成绩优异，大力学习","5":"贡献巨大，全力支持"}},"shouldApply":false,"subscribeAble":false,"operatorAble":false,"commentNeedJoinCommunity":false},"default2014LiveRoom":[{"itemType":"","description":"高峰论坛","title":"2022 技术英雄会","url":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fiframe\u002Fcsdnnews\u002FfsNR5NWp?chat=1&title=1&footer=1","images":["https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221016050009.png"],"ext":{"time":"9:00","liveRoomUrl":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fcsdnnews\u002FfsNR5NWp"}}]},"isGooglebot":false,"canonical":"https:\u002F\u002Fwww.csdn.net\u002Ftopics\u002F380103911","openUrl":"","isApp":false,"localUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F380103911","typeId":"index","hasIndex":false},"CFG":{"ALIPLAYER_VERSION":"v4","ALIPLAYER_H5_VERSION":"mobile_v1","ENV":"prod","ROOT_URL":"https:\u002F\u002Fcms-mall.csdn.net\u002F","VUE_APP_API_URL_SERVER":"http:\u002F\u002Fcms-community-api.internal.csdn.net\u002F","VUE_APP_API_URL":"https:\u002F\u002Fcms-api.csdn.net\u002F","LOGIN_URL":"https:\u002F\u002Fpassport.csdn.net\u002Faccount\u002Flogin","VUE_APP_DOMAIN_SKILL":"https:\u002F\u002Fedu.csdn.net\u002F","VUE_APP_DOMAIN_PATH":"https:\u002F\u002Fedu.csdn.net\u002F","VUE_APP_COMMUNITY_API_URL":"https:\u002F\u002Fcommunity-api.csdn.net\u002F","VUE_APP_CCLOUD_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fcommunity-cloud\u002Fv1\u002F","VUE_APP_SKILL_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fskilltree\u002Fapi\u002F","VUE_APP_SEARCH_PLUGIN_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fsearchplugin\u002F","VUE_APP_COMMUNITY_ASK_API_URL":"https:\u002F\u002Fmp-ask.csdn.net\u002F","VUE_APP_ME_URL":"https:\u002F\u002Fme.csdn.net\u002F","VUE_APP_CCLOUD_RESUME":"https:\u002F\u002Fbizapi.csdn.net\u002Fjob-api\u002F","VUE_APP_CCLOUD_MAIN":"https:\u002F\u002Fwww.csdn.net\u002F","VUE_APP_CCLOUD_UC":"https:\u002F\u002Fwww.csdn.net\u002F","VUE_APP_CCLOUD_BZP_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002F","VUE_APP_CCLOUD_START_API_URL":"https:\u002F\u002Fmp-action.csdn.net\u002F","VUE_APP_PRACTIVE":"https:\u002F\u002Fbizapi.csdn.net\u002Fdaily-practice\u002F","VUE_APP_CCLOUD_HOSTPATH":"https:\u002F\u002Fbbs.csdn.net\u002F"},"queries":{"pageId":[],"domain":["ccloud.csdn.net\u002Fccloud\u002Fdetail1"],"id":["380103911"],"deviceType":"pc","isSpider":"","hostname":["bbs.csdn.net"]},"basePath":"bbs.csdn.net\u002Fccloud\u002Ftopics\u002F380103911","hrefUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F380103911","active":0,"navBarFixed":false,"title":"\u003Cselect\u003E\u003Coption\u003E中带有图片怎么实现？","isLive":false,"contentType":{"text":"text","picture":"picture","link":"link","video":"video","vote":"vote","live":"live","blog":"blog","long_text":"long_text","task_text":"task_text"},"liveUrl":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fiframe\u002F","spmExtra":{"id":126,"topicId":380103911},"keywords":"","description":"以下内容是CSDN社区关于\u003Cselect\u003E\u003Coption\u003E中带有图片怎么实现？相关内容，如果想了解更多关于CSS社区其他内容，请访问CSDN社区。","mounted":false,"infoNoticeData":{"src":"","href":"","spm":"","delay":5},"showDialogInfoNotice":false}; window.csdn.sideToolbar = { options: { qr: { isShow: true, data: [ { imgSrc: 'https://csdnimg.cn/release/cmsfe/public/img/ewm.9010d6e5.png', desc: "关注公众号" }, ] }, help: { isShow: false, }, contentEl: document.getElementsByClassName("cloud-maintainer")[0] }, };

[wujiabin]

好不容易通过jquery把图片弄上，结果jquery的change还不好使了。

不知各位有没有好的方法，在select做标签的前提下，弄上图片？

先谢谢了

[p2227]

那个东西还要带背景你不觉得太花巧了么

[wujiabin]

我也不想啊，主要是式样要求的，下拉菜单都是银行卡名，后边跟着各个银行的图标，可能是一目了然吧。

[孟子E章]

你需要使用div模仿的。

[p2227]

原来是要这样，我还以为是成片的花俏背景，像这样就很实用了，我看看能不能实现，你也可以看看其他高手的回答

[wujiabin]

[Quote=引用 4 楼 p2227 的回复:]
原来是要这样，我还以为是成片的花俏背景，像这样就很实用了，我看看能不能实现，你也可以看看其他高手的回答
[/Quote]
先谢谢了

[p2227]

建议用一些现成的控件吧
http://www.iteye.com/news/6985-24-beautiful-personalized-html-forms-technology

[wujiabin]

[Quote=引用 6 楼 p2227 的回复:]
建议用一些现成的控件吧
http://www.iteye.com/news/6985-24-beautiful-personalized-html-forms-technology
[/Quote]
这个帖子昨天我也看了，帮助很大，我再试一试。

[letian1989615]

http://www.marghoobsuleman.com/jquery-image-dropdown

[碧海情天-赵亮]

既然样式要求较高，就要求本岗位的人员能力上去。自己多学点CSS+JS吧。

[Zjmainstay]

[Quote=引用 8 楼 letian1989615 的回复:]

http://www.marghoobsuleman.com/jquery-image-dropdown
[/Quote]
这个应用很强大。

[rayjane618]

思路就是利用js创建一个div来替代原有的option

[woaini2000211]

http://www.iteye.com/topic/281056
这个帖子或许能帮助你

[myleihao_88]

只能用div+js模拟select了