选中内容获取到值弹窗

Html

Css

div div {
	width:20px;
	margin:10px;
	10px;
	border-radius:12px;
	display:flex;
	align-items:center;
	justify-content:center;
	height:5rem;
	font-size:40px;
}
#div5 {
	width:98%;
	background-color:pink;
	margin:10px;
	margin-left:10px;
	border-radius:50px;
}

var ret = ['12:00', '4:00', '4:30', '5:30'];
var dev1 = document.getElementById('div1');
var start = '<div style="flex: 1">';
var end = '</div>';
var str = '';
for (var i in ret) {
    str = str + start + ret[i] + end;
}
document.getElementById('div1').innerHTML = str;

documentInnerHtml('div0', ['龙在天猪肚鸡（虎口淞沪店）'])
var ret = ['1', '2', '3', '4'];
documentInnerHtml('div2', ret)

documentInnerHtml('div3', ['明天', '12.06', '12.07', '12.08'])
documentInnerHtml('div1', ['12:00', '4:00', '4:30', '5:30'])

documentInnerHtml('div4', ['大厅', '大桌', '', ''])

function documentInnerHtml(div1, ret) {
    var dev1 = document.getElementById('div1');
    var start = '<div class="small" style="flex: 1">';
    var end = '</div>';
    var str = '';
    for (var i in ret) {
        str = str + start + ret[i] + end;
    }
    document.getElementById(div1).innerHTML = str;
}

// document.getElementsByClassName('small')[0].style.backgroundColor='red';
var le = document.getElementsByClassName('small').length;
for (var i = 0; i < le; i++) {
    var t = document.getElementsByClassName('small')[i]
    t.addEventListener("click", function(e) {
        e.target.style.backgroundColor = 'pink'
        var selectVal = e.target.innerText;
        var st = document.getElementById('str');
        st.innerHTML = st.innerHTML + selectVal + ',';
    });
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.2.3

立即下载

选中内容获取到值弹窗



代码描述：选中内容获取到值弹窗代码

更新时间：2021-12-04 21:37:53
点击立即订座可以弹出选中的内容，选中内容带粉色背景

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

w.

相关代码

选中内容获取到值弹窗

最新