iosselect
Version:
iosselect for andriod and ios
63 lines (61 loc) • 2.28 kB
HTML
<head>
<title>bank</title>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../../src/iosSelect.css">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?b25bf95dd99f58452db28b1e99a1a46f";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
<a href="https://github.com/zhoushengmufc/iosselect">查看文档</a>
<div class="form-item item-line">
<label>请选择银行</label>
<div class="pc-box">
<input type="hidden" name="bank_id" id="bankId" value="">
<span id="showBank">点击这里选择银行</span>
</div>
</div>
<div class="container"></div>
</body>
<script src="bank.js"></script>
<script src="../../src/iosSelect.js"></script>
<!-- <script src="../../src/iosSelect.js"></script> -->
<script type="text/javascript">
var showBankDom = document.querySelector('#showBank');
var bankIdDom = document.querySelector('#bankId');
showBankDom.addEventListener('click', function () {
var bankId = showBankDom.dataset['id'];
var bankName = showBankDom.dataset['value'];
var bankSelect = new IosSelect(1,
[data],
{
container: '.container',
title: '银行卡选择',
itemHeight: 50,
itemShowCount: 3,
oneLevelId: bankId,
callback: function (selectOneObj) {
bankIdDom.value = selectOneObj.id;
showBankDom.innerHTML = selectOneObj.value;
showBankDom.dataset['id'] = selectOneObj.id;
showBankDom.dataset['value'] = selectOneObj.value;
},
fallback: function () {
console.log(1);
},
maskCallback: function () {
console.log(2);
}
});
});
</script>
</body>
</html>