html - 单击按钮时激活

Question

我正在尝试激活一个

<option> 

当我点击一个按钮时，我尝试了很长时间，但还是做不到。这是我的代码。 http://jsfiddle.net/aatqnbj7/2/

HTML

<select>
    <option>a</option>
    <option>b</option>
    <option>c</option>
</select>
<button type="button">Click</button>
 <select>
    <option>a</option>
    <option>b</option>
    <option>c</option>
</select>

CSS

 .container {
float:left;
width:130px;
border: 1px solid;
}

Java 很好，但如果可以使用 css 来完成，那就太棒了像active状态一样只停留一秒就好了

Answer 1

试试这个

jQuery('#clickedBtn').click(function(){
var size = $('.select option').size();
    if (size != $(".select").prop('size')) {
        $(".select").prop('size', size);
    } else {
        $(".select").prop('size', 1);
    }

})

DEMO