点击车牌输出框弹出模拟键盘

               点击车牌输出框弹出模拟键盘


点击第一个的
输入第一个车牌号省的之后的效果图,先说下整体思路,7个框是假的,模拟的键盘只是模拟,并不是手机自带的输入框,用的是jQuery写的事件,下面直接贴代码,css样式我就不贴了,贴一下html 和 js事件  

                

html7个类似于input是通过js创建的


cityselect是车牌号第一个省的模拟键盘 codeselect是车牌号码后面的输入框

    下面是js代码


.arregist-list-img是点击添加多个车牌也就是加号


代码太长慢慢的贴图


继续贴



终于没了,时间选择插件咱们忽略他。

好了,最后咱们总结一下。7个input框是假的,点击包裹的div标签的时候弹出底下的cityselct模拟的键盘,点击键盘之后,carNo+1,设置第一个input框的内容(控制住咱们点击是哪个input框),同时cityselct隐藏,codeslect(模拟的车牌号键盘)弹出,点击codeselct里面的标签事carNo+1,同时设置第二个input框的内容依次类推,等到第七个的时候判断一下carNo,让他清零。

你可能感兴趣的:(点击车牌输出框弹出模拟键盘)