添加删除选项ABCD，

只讲的ABCD的写法

点击+号添加一个选项，-号删除一个选择，abcd排序正确

<!doctype html>
<html lang="zh-cn">
<head><meta name="viewport" content="initial-scale=1, user-scalable=0, minimal-ui" charset="UTF-8"><title>多次加载</title><style>.inputboxs{font-size:40px;}.inputboxs span{margin:0 25px;}.inoutbg span:first-child{color:forestgreen;}.inoutbg span:nth-child(2) {color: red;}</style>
</head>
<body><div class="inputboxs"><div class="inoutbg0"><span class="zi">A</span><span onclick="addZM(0)">+</span><span onclick="Jian(0)">-</span></div></div>
<script typet="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script>var abindex = 0;var str = "A";function addZM() {abindex++var zi = String.fromCharCode(str.charCodeAt() + abindex)//ABCD++var h = '';h += '<div class="inoutbg' + abindex+'"><span class="zi">' + zi + '</span><span οnclick="addZM(' + abindex + ')">+</span><span οnclick="Jian(' + abindex +')">-</span></div>'$(".inputboxs").append(h);reloadBH()}function reloadBH() {$(".inputboxs").children("div").each(function (i, e) {var zi = String.fromCharCode(str.charCodeAt() + i);$(e).find("span.zi").text(zi);});}function Jian(dindex) {var len = $(".inputboxs").children("div").length;if (len == 1) {return;}$(".inoutbg" + dindex + "").remove();reloadBH();}
</script>
</body>
</html>

添加删除选项ABCD，相关推荐

Win10右键菜单“发送到”添加/删除选项的方法
右键点击系统桌面上的文件或程序图标 - 发送到,我们可以看到发送到的二级菜单中,有重复的菜单:传真收件人,也有本机完全用不到的菜单,如:蓝牙设备等. Windows10右键菜单"发送到&qu ...
添加删除程序里面没有添加IIS服务的选项
用原版windows光盘安装,也可以网上下载IIS安装包. 1)1.控制面板里没有"->添加/删除Windows组件->Internet信息服务(IIS)"组件的添加方 ...
如何删除选择框的所有选项，然后添加一个选项并使用jQuery选择它？
本文翻译自:How do you remove all the options of a select box and then add one option and select it with j ...
添加/删除windows组件中没有IIS选项怎么办
今天和同学在宿舍里讨论网站学习的事情,说到动态网站时,顺便让我帮他把IIS给装上,反正心想小菜一碟吗,想都没想的就开始了: 开始->运行->appwiz.cpl->添加删除windo ...
Vue之通过连接数据库的接口获取列表实现添加删除功能
把最近学习vue的一些知识点记录下来,今天记录一下Vue通过vue-resource连接数据库接口渲染列表和添加删除功能首先我们得引入vue的版本文件和vue-resource.js,注意:vue- ...
js动态添加,删除option及add的使用方法
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...
liunx--账户文件权限和管理（账户添加删除，组的添加和删除文件的归宿和权限）
文章目录前言一:用户账户和组账户组账号概述 UID号和GID号用户账号文件cat /etc/passwd查看二:用户账号和文件账号管理 useradd命令--添加用户账号 passwd命令- ...
debian添加删除用户
debian添加删除用户增加普通用户命令: #adduser abc #passwd abc #exit 用abc登录 /etc/passwd中保存了用户信息 LINUX创建用户的命令 userad ...
计算机管理中添加用户属性,如何在计算机右键菜单栏中添加属性选项
如何在计算机右键菜单栏中添加属性选项电脑是现在最常用的工具之一,有些用户想知道如何在计算机右键菜单栏中添加属性选项,接下来小编小编就给大家介绍一下具体的操作步骤. 具体如下: 1. 首先第一步按下[ ...

添加删除选项ABCD，

添加删除选项ABCD，相关推荐

最新文章

热门文章