单击按钮时激活<option> </option>

时间:2014-10-18 13:16:34

标签: html css

我正在尝试激活

<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完成它会非常棒 如果它只在活动状态下停留一秒钟就可以了。

1 个答案:

答案 0 :(得分: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