手写的下拉框的样式美化插件_js对象形式美化展示html资源-CSDN下载

共3个文件

html：1个

js：1个

css：1个

下拉框样式

下拉框美化

html

select

需积分: 5 92 浏览量 2023-02-24 10:06:38 上传评论收藏 4KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

select.rar （3个子文件）

select.js 8KB

select.css 2KB

select.html 3KB

<html> <head> <script src="select.js"></script> <link rel="stylesheet" href="select.css"> <style type="text/css"> .div-form { width: 500px; height: 300px; margin: 50px 100px; padding: 20px; border: 1px solid black; } .div-form-row { width: 100%; display: flex; margin: 5px 0; } .form-title { display: inline-block; width: 200px; text-align: right; padding-right: 5px; } .form-input { width: 300px; } </style> </head> <body> <form> <div class="div-form"> <div class="div-form-row"> <span class="form-title">selected: </span> <div class="form-input"> <select name="s1" onchange="selectChange('1','2')"> <option value="1">1111</option> <option value="2" selected>2222</option> <option value="3">3333</option> </select> </div> </div> <div class="div-form-row"> <span class="form-title">select time zone: </span> <div class="form-input"> <select name="s2"> <option value="1">(GMT-12:00) International Date Line West</option> <option value="2">(GMT-11:00) Midway Island, Samoa</option> <option value="3">(GMT-10:00) Hawaii</option> <option value="4">(GMT-09:00) Alaska</option> <option value="5">(GMT-08:00) Pacific Time, Tijuana</option> <option value="6">(GMT-07:00) Arizona, Mazatlan</option> <option value="7">(GMT-07:00-1) Chihuahua, La Paz</option> <option value="8">(GMT-07:00-2) Mountain Time</option> <option value="9">(GMT-06:00) Central America</option> <option value="10">(GMT-06:00-1) Central Time</option> <option value="11" selected>(GMT-06:00-2) Guadalajara, Mexico City, Monterrey</option> <option value="12">(GMT-06:00-3) Saskatchewan</option> <option value="13">(GMT-05:00) Bogota, Lima, Quito</option> <option value="14">(GMT-05:00-1) Eastern Time</option> <option value="15">(GMT-05:00-2) Indiana</option> <option value="16">(GMT-04:00) Atlantic Time</option> <option value="17">(GMT-04:00-1) Caracas, La Paz</option> <option value="18">(GMT-04:00-2) Santiago</option> <option value="19">(GMT-03:30) Newfoundland</option> </select> </div> </div> </div> </form> <script type="text/javascript"> function selectChange(a, b) { console.log(a); console.log(b); } </script> </body> </html>

评论收藏

内容反馈