Question

我想在页面加载时使用jquery显示selectbox选项。我使用了.simulate()和.trigger功能，但它不起作用，所以请您为此提出一些解决方案。

代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="simulate.js"></script>
<script>
$(document).ready(function(){
    $("#test").simulate('mousedown'); // not working
    $("#test").trigger('click'); // not working
    //$("#test").attr('size',3); // size is not as i need. i want to display option as any dropdown shows.
});
</script>

<select id="test">
   <option value="0">select option</option>
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>

请帮我解决这个问题...

Answer 1

无法使用JavaScript打开选择框。我试过失望了。我终于更改了选择框的属性大小，使其看起来是打开的：

$('#test').attr('size',3);

然后当你完成

$('#test').attr('size',0);

希望有所帮助：）

Answer 2

试试这个......

$(document).ready(function(){

    var myDropDown=$("#test");
    var length = $('#test> option').length;
    myDropDown.attr('size',length);
    $("#test").click(function(){
        myDropDown.attr('size',0);
    }); 

});

Answer 3

我认为这是不可能的。有很多jQuery插件可以增强native select的功能，比如jQuery UI的Selectmenu Widget，它有一个“开放”的方法：

http://api.jqueryui.com/selectmenu/#method-open

或Twitter Bootstrap：

http://silviomoreto.github.io/bootstrap-select/methods/#selectpickershow

只是为了说出一些......

使用jquery打开selectbox选项

3 个答案: