select获得焦点时自动展开
解决方法:
1.js代码
<script>
$(function(){
var inputs = $("input[type='text'],select");
inputs.keydown(function (e) {
var k = e.keyCode;
//var a = $.inArray(this,inputs);//jquery 获取数组元素的下标
var a=inputs.index($(this));//jquery 获取数组元素的下标,两种方法
if (k == 13 || k == 39 ) {
inputs[a+1].focus();
return false;
} else if (k == 37) {
inputs[a-1].focus();
}
})
})
</script>
2.html代码
<input type="text">
<select name="select1" id="select1"
onfocus="this.size=this.length;"
onclick="this.size='1';"
onblur="this.size='1';"
style="width:45px;position:absolute;top:10px;">
<option selected="selected" value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
3.用法
按enter键,焦点自动跳到下一个输入框或者select中,如果select下拉框获得焦点就自动展开option选项