宝哥软件园

Jquery和半铸钢ˌ钢性铸铁(铸造半钢)实现选择框重置按钮功能

编辑:宝哥软件园 来源:互联网 时间:2021-08-28

很多时候我们都会用到一个下拉选择,还有就是重置的功能,今天我们就给大家带来用框架配合半铸钢钢性铸铁(铸造半钢)实现的这个功能。

代码如下:

超文本标记语言

选择选项值=' '选择一种颜色./option选项值='红色'红色/选项选项值='绿色'绿色/选项选项值=' blue ' blue/option/selectdiv class=' display select ' span class=' value '/span span span span class='close'/span/div CSS。显示选择{ display : none border : 1px固体;}选择,显示选择{ text-indent :20 px;font-family : Helvetica;}选择,显示选择{ font-size :22 px高度:50 px线高:50 px宽度:100%;文本转换:大写;} .显示选择。关闭{显示:块右浮动:宽度:10%;文本对齐:居中;font-size :52 px光标:指针指针;}Jquery

var select=$(' select ');var selectResults=$(' .显示选择');var selectValue=$(' .值,选择结果);var selectClose=$(' ."关闭",选择结果);select.on('change ',function() { $(this)).添加(选择结果)。toggle();选择VaLue。html(这个。值);});选择关闭。单击(函数(){ select.val(').fadeIn();选择结果。toggle();选择VaLue。html(" ");});效果如下:

以上就是本次的效果图片,感谢大家对我们的支持。

更多资讯
游戏推荐
更多+