Question

js打开select的下拉选项

js如何控制打开select下的option项，就是如何使所有option在界面加载之后直接显示出来。
或者是使option永久显示，不用隐藏。

Answer 1

如果不需要下拉框，那么可以不用<select，网上那些点击后下面弹出自定义选项的，都不是用的<select，而是通过CSS画出的类似<select样子的标记，比如<div、<span等 最简单的方法，在那个地方放个下拉框样子图片，然后点图的时候弹出你下面那个树 BTW：<select的下拉是没办法通过JS来关闭的，那个是浏览器本身的行为

Answer 2

1、
<select size=5 name="B" size="10">
<option>123123</option>
<option>123123</option>
<option>123123</option>
<option>123123</option>
<option>123123</option>
<option>123123</option>
<option>123123</option>
</select>

2、
jq形式：
$(function(){
$("#click").on('click', function(){
var s = $("#ts").attr('size')==1?5:1
$("#ts").attr('size', s);
});
$("#ts option").on({
click: function() {
$("#ts").attr('size', 1);
},
mouseenter: function() {
$(this).css({background: '#498BFC', color: '#fff'});
},
mouseleave: function() {
$(this).css({background: '#fff', color: '#000'});
}
});
});

html：
<select id="ts" size="1">
<option value="1">1</option>
<option value="2">Lorem ipsum dolor s.</option>
<option value="3">3</option>
<option value="3">4</option>
<option value="3">5</option>
</select>

<input type="button" id="click" value="Click"/>

css：
#click {position: absolute; left: 160px;top: 2px;}

Answer 3

function showallselect(id){
	var select = document.getElementById(id);
	if(select && select.options && select.options.length >1){
		select.size = select.options.length;
	}
}