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

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

例如，我有以下代码

HTML

挑选
男性
女性
单击此处从选项框中选择一个打开项。
$（“span”）
.bind（'单击'，函数（））{
$（'select'）。触发器（'change'）；
});
$（'select'）.change（函数（）{
$（this.val（0）；//选择男性
});

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

---

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

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

---

例如，有一个框架可以实现这样的假选择框。

你真的不能。有一些黑客，这是有可能的，但比你想象的要复杂得多。你可以用

选择
来做的事情非常有限，这就是为什么存在这么多插件来替换它们的原因。当调用更改事件时，你需要定义你想做的事情。这仍然不是问题所在。单击范围时，选择列表应该打开，用户可以选择他们想要的任何选项。该选项不应自动更改。
<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');
    });

<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 
});