Question

jquery如何点击页面，使select 的下拉框自动弹出？

我想点击页面空白处，select下拉框会自动弹出，怎么做呢
<select>
<option>sdf</option>

<option>sdf</option>
<option>sdf</option>
</select>

Answer 1

• 我想点击页面空白处，select下拉框会自动弹出，怎么做呢 
  

• <select>
  

• <option>sdf</option>
  

• <option>sdf</option>

• <option>sdf</option>
  

• </select>

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（ 或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的模块可以分为：入口模块、底层支持模块和功能模块。其核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

Answer 2

jquery中可以利用闭包来检测页面点击事件，触发弹出select下拉框。
实现方法jquery：
<script src="jquery.js"></script>
<script>
$(function(){
$(document).click(function(){
return $("#select").click();

});
});
</script>
页面select定义：
<select id=“select”>
<option value ="1">Volvo</option>
<option value ="2">Saab</option>
<option value="3">Opel</option>
<option value="4">Audi</option>
</select>

Answer 3

你在点击空白的地方触发一个select的点击事件，例如
$("#div").click(function(){
$("#select").click();

});

Answer 4

用jq写事件