因为专注,所以专业
2005 - 2020

select获得焦点时自动展开

时间:2020-03-11 04:25:13    作者:八叔模板堂

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

赞(0
免费拨打  111-1111-1111
免费拨打  111-1111-1111免费拨打 111-1111-1111
微信二维码
手机二维码
返回顶部
返回顶部返回顶部