火狐31.0 jquery使用attr操作option选中状态时错误

Question

错误描述：jquery动态改变select下option的选中状态，会造成option有selected属性的时候，仍显示选中的是第一条option。这种写法为什么不行？
版本：火狐31.0＋jQuery v1.10.2

操作方法：点击2，3，4，显示正常，再点击任意button2或3，显示1

代码：
<select class="select" autocomolete="off">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<button class="op">2</button>
<button class="op">3</button>
<button class="op">4</button>
<script>
$(function(){
$('.op').click(function(){
var id=$(this).text();
$(".select option[value!='"+ id +"']").attr('selected',false);
$(".select option[value='"+ id +"']").attr('selected',true);
})
})
</script>

Answer 1

firefox确实与IE的动作不一样，可以通过以下方法解决。。。

<select class="select" autocomolete="off">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>
<button class="op">2</button>
<button class="op">3</button>
<button class="op">4</button>
<script>
    $(function(){
        $('.op').click(function(){
            var id=$(this).text();
            $('.select option').each(function() {
                this.removeAttribute('selected');
            });
            $(".select option[value='"+ id +"']").attr('selected',true);
        })
    })
</script>

Answer 2

您好！很高兴为您答疑！

　　jquery端get设置dataType 为 html----浏览器会对返回的内容进行页面渲染
　　服务端设置返回类型为text----浏览器不会对返回的内容进行渲染，将html的内容文本原封不动的显示在浏览器上
　　　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。