在SelectfromJavaScript中选择选项会停止在chrome中的工作

在SelectfromJavaScript中选择选项会停止在chrome中的工作,javascript,jquery,select,selected,Javascript,Jquery,Select,Selected,我正在选择组中设置所选选项,但这仅在前几次有效。这似乎只是Chrome中的一个问题。我如何在Chrome中工作 在下面的示例中,按下1和2按钮几次,您可以看到它在chrome中停止工作,但在IE中继续工作 您需要使用而不是attr 以下是最新的 var onClick=函数{ var$buttonVal=$this.val; $'mySelect option'。每个函数{ //警报$this.val; 如果$this.val==$buttonVal{ $this.propselected,t

我正在选择组中设置所选选项,但这仅在前几次有效。这似乎只是Chrome中的一个问题。我如何在Chrome中工作

在下面的示例中,按下1和2按钮几次,您可以看到它在chrome中停止工作,但在IE中继续工作

您需要使用而不是attr

以下是最新的

var onClick=函数{ var$buttonVal=$this.val; $'mySelect option'。每个函数{ //警报$this.val; 如果$this.val==$buttonVal{ $this.propselected,true; }否则{ $this.propselected,false; } } }; $“按钮”。单击一次; $'button2'。单击继续单击; 0 1. 2. 3.
把attr改为propI我没有这个问题。。。你使用的是什么版本的Chrome?我正在使用这个版本的Chrome:51.0.2704.106 McHing attr来修复这个问题。谢谢
<input type="button" id="button" value="1" />
<input type="button" id="button2" value="2" />

<select class="form-control" id="mySelect" size="4">
  <option value="0">0</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

var onClick = function() {
        var $buttonVal=$(this).val ();
    $('#mySelect option').each (function () {
        //alert ($(this).val ());
        if ($(this).val ()==$buttonVal)
      {
        $(this).attr ("selected",true);
      } else
      {
      $(this).attr ("selected",false);
      }
    })
};

$('#button').click(onClick);
$('#button2').click(onClick);