Question

如何从其他HTML控件中打开HTML选择框的选项列表？

例如，我有以下代码。

HTML

<select>
    <option>Select</option>
    <option>Male</option>
    <option>Female</option>
</select>

<span>Click Here</span> to select an open from the option box.

SCRIPT

$('span')
    .bind('click', function(){
        $('select').trigger('click');
    });

Answer 1

不可能。最好的方法是创建自己的假选择框。

例如，

Chosen是一个实现这种虚假selcet盒的框架。

Answer 2

<select>
    <option>Select</option>
    <option value='0'>Male</option>
    <option value='1'>Female</option>
</select>

<span>Click Here</span> to select an open from the option box.

$('span')
    .bind('click', function(){
        $('select').trigger('change');
    });

$('select').change(function(){
    $(this).val(0); // select male 
});

您必须使用更改而不是点击事件。

您可能希望在触发事件时传递参数，以选择正确的选项。

如何从另一个HTML控件打开HTML选择框的选项列表？

2 个答案: