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

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.

脚本

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

Answer 1

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

例如，选择了一个框架来实现这种假的 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 
});

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

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