chrom浏览器下兼容性问题
用jquery控制,下拉框中的值被选中 代码如下
$('#all_user').find("option").each(function(){
var reg = new RegExp(value,'ig')
if(reg.test($(this).text()) && value)
{
this.selected = true;
}
else
this.selected = false;
})
在chrom下值被选中,但是下拉框的流动条不变,如果选中的值是最后一个,看不到哪个被选中了,要手动去拉流动条,才能看到。IE,火狐没有这样的问题。
补充下,chrom下第一次选中的时候,流动条会根据选中的值自动定位。第二次就不行了。好像座标被定好了。后面的操作不能影响它了。
[解决办法]
貌似问题重发了?我实验了下,一下代码在chrome中无问题,如有问题提供详细代码解决
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script>
$(function () {
input = $('#user_search');
input.bind("keyup", function () {
var value = $(this).val();
$('#all_user').find("option").each(function () {
debugger;
if (value == $(this).text()) {
this.selected = true;
}
else
this.selected = false;
})
});
})
</script>
</head>
<body>
<input type="text" id="user_search">
<select id="all_user">
<option id="a">a</option>
<option id="b">b</option>
<option id="c">c</option>
</select>
</body>
</html>