怎么用javascript来控制select，比如我点击一个a标签来让select弹出下拉框

Question

不是用javascript去模拟select，而是从某个标签就可以控制到select。不知道有没有人知道该怎么操作。

<a href="###">弹出下拉框</a>
<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

问题不是模拟select，而是用页面中的某个标签去控制select。就好像下面这段代码：

<label for="userName">用户名：</label>
<input type="text" name="user_name" id="userName" />

点击这个label的时候焦点会出现在input里面。
现在我把这个input换成select，当然点击过去也只是焦点在select上，但是并不能把它展开。
模拟select的话，我也不用跑到这里问了。我不知道js是不是能做到，还是我描述的还是有问题。

Answer 1

这个问题其实没有那么麻烦，只要你把select的透明度设置成0，放在你要点击的图片或者按钮上边，就会自动弹出你所谓的option了。不要崇拜哥，我只是小手回头

Answer 2

纯CSS实现点击图片触发select下拉框使之展开

亲测有效果，在另一个问题中，人家也遇到这个问题，在哪个问题里搞了半天的事件处理，结果发现是样式的问题。

Answer 3

可以使用$("#selectId").attr("size",2); 属性来模拟select展开效果

Answer 4

你是说的这种效果吧？

http://line25.com/wp-content/uploads/2012/css-menu/demo/index.html

css:http://line25.com/wp-content/uploads/2012/css-menu/demo/style.css

Answer 5

可以使用 ul+li 标签进行模拟。当然也有许多插件。
下拉框：http://demo.tutorialzine.com/2011/02/converting-jquery-code-plugin/
多选下拉框：http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/

Answer 6

人家说的不是这些模拟的菜单项或者其他，他说的是点击select框右边的下拉按钮时会调用什么事件，或者说什么事件可以触发select的下拉操作。
目前我也正在寻求这个事件，未果~~继续。遇到蛋疼的需求

Answer 7

请问lz解决这个问题了吗?

Answer 8

var max = <?= substr_count($res,'</option>')?>;//option
$("#tt").attr("size",max);//select id
$(document).click(function(){
    var size = $("#tt").attr("size");
    if(size>0){
        $("#tt").attr("size",0);            
    }else{
        $("#tt").attr("size",max);
    }
    
})

Answer 9

楼主这个问题解决了没？？ 同样的问题 a标签 触发一个select下拉框 谁能帮忙解答一下啊

Answer 10

请直接在SegmentFault中搜索下拉框，已经有很多很详细的答案了。

http://segmentfault.com/q/1010000000438884
http://segmentfault.com/q/1010000000144556

Answer 11

js有这个解决方案的

Answer 12

请问解决了吗？我也遇到这个问题