我遇到了非常简单但令人惊讶的jQuery问题。我决定提出问题以找出原因。
我有一个select和两个复选框，如下所示：
Otion 1 is selected
<input type="checkbox" id="chk1">
Otion 2 is selected
<input type="checkbox" id="chk2">
<div>
<select id="select1">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
</div>
和JS一样：
$('#chk1').change(function(){
if($(this).prop('checked'))
$('#select1 option:first').prop('selected',true);
else
$('#select1 option:first').prop('selected',false);
alert($('#select1 option:first').prop('selected'));
});
$('#chk2').change(function(){
if($(this).prop('checked'))
$('#select1 option:last').attr('selected',true);
else
$('#select1 option:last').attr('selected',false);
alert($('#select1 option:last').attr('selected'));
});
.prop无法正常工作，但attr无法正常工作。为什么???
在下面的几个帖子中，人们说我们可以使用.prop来设置selected，但在我的代码中不起作用。