chrom浏览器下兼容性有关问题
日期：2014-05-16 浏览次数：20389 次
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中无问题，如有问题提供详细代码解决
用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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
