<form action="save.php" method="post" >
<label>爱好:</label>
<select multiple="multiple">
<option value="看书">看书</option>
<option value="旅游">旅游</option>
<option value="运动">运动</option>
<option value="购物" selected="selected">购物</option>
</select>
</form>
2017-06-15
其实我对你这个实现效果很感兴趣的，尝试做了一下，可以实现效果，但是就是那个爱好会调动，觉得不好看，你可以看一下我的代码，有什么新的实现方法，欢迎互相交流。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>使用下拉列表框进行多选</title>
<style>
#sec1{
width:50px;
height:20px;
}
#sec2{
display:none;
}
</style>
<script>
window.onload = function() {
var One = document.getElementById("sec1");
var More = document.getElementById("sec2");
One.onmouseover = function () {
One.style.display = 'none';
More.style.display = 'inline-block';
}
}
</script>
</head>
<body>
<form action="save.php" method="post" >
<label>爱好:</label>
<select id="sec1" multiple="multiple" >
<option value="购物" selected="selected" id="only">购物</option>
</select>
<select id="sec2" multiple="multiple" >
<option value="看书">看书</option>
<option value="旅游">旅游</option>
<option value="运动">运动</option>
<option value="购物" selected="selected" id="only">购物</option>
</select>
</form>
</body>
</html>
举报
