bom练习

最新推荐文章于 2022-07-25 22:45:07 发布

dgu56759

最新推荐文章于 2022-07-25 22:45:07 发布

阅读量132

点赞数

原文链接：http://www.cnblogs.com/yujiamin123/p/6891147.html

版权

今天做了关于两个下拉框中的内容相互移动的特效。代码如下：

　　　　　 var s1 = document.getElementById("s1");
　　　　　　var s2 = document.getElementById("s2");
　　　　　　var to_right = document.getElementById("to-right");
　　　　　　to_right.onclick = function(){
　　　　　　var obj_opt = s1.selectedOptions[0];
　　　　　　var value = obj_opt.innerText;

　　　　　　s2.appendChild(obj_opt)

}

　　　　　　to_left.onclick = function(){
　　　　　　var obj_opt = s2.selectedOptions[0];
　　　　　　var value = obj_opt.innerText;

　　　　　　s1.appendChild(obj_opt)

}

</script>

今天还做了关于时间日历的：

　　　　<script>
　　　　var time = new Date();
　　　　var year = time.getFullYear();
　　　　var obj_year = document.getElementById("year");
　　　　var obj_month = document.getElementById("month");
　　　　var obj_day = document.getElementById("day");

　　　　for(var i = 1900; i <= year; i++) {
　　　　obj_year.innerHTML += "<option>" + i + "</option>";
　　　　}
　　　　for(var i = 1; i <= 12; i++) {
　　　　obj_month.innerHTML += "<option>" + i + "</option>";
　　　　}

　　　　function getDay() {
　　　　obj_day.innerHTML = "";

　　　　if(month == "2") {
　　　　var yeared = obj_year.selectedOptions[0].innerText;
　　　　if((yeared % 100 != 0 && yeared % 4 == 0) || yeared % 400 == 0) {
　　　　for(var i = 1; i <= 29; i++) {
　　　　obj_day.innerHTML += "<option>" + i + "</option>";
　　　　}
　　　　}else{
　　　　for(var i = 1; i <= 28; i++) {
　　　　obj_day.innerHTML += "<option>" + i + "</option>";
　　　　}
　　　　}

　　　　}
　　　　}
　　　　</script>

转载于:https://www.cnblogs.com/yujiamin123/p/6891147.html

dgu56759

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
bom练习

今天做了关于两个下拉框中的内容相互移动的特效。代码如下：　　　　<body> 　　　　<select size="7" id="s1"> 　　　　<option>AAA</option> 　　　　<option>BBB</option> 　　　　<option&gt...
复制链接

扫一扫