select获得焦点时自动展开

站长手记 作者: 2024-08-27 18:40:01

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选项

原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_69693.html