Dash React下拉组件:无法从浏览器控制台打开

Question

运行一个带有下拉菜单的标准dash-plotly应用程序，我想通过javascript模拟点击下拉菜单。当我通过鼠标单击下拉菜单时，它将打开，但不响应JS调用($('#mydropdown.dash-dropdown').click())。

你知道这是怎么回事吗？

import dash
import dash_core_components as dcc
import dash_html_components as html


app = dash.Dash(__name__)
app.layout = html.Div(
    [
        dcc.Dropdown(
            id="mydropdown",
            options=[
                {"label": "New York City", "value": "NYC"},
                {"label": "Montreal", "value": "MTL"},
                {"label": "San Francisco", "value": "SF"},
            ],
            value="MTL",
            clearable=False,
        ),
    ]
)



if __name__ == '__main__':
    app.run_server(host='0.0.0.0', debug=True, port=8099)

Answer 1

由于安全风险，在Javascript中这通常是不可能的，请参阅How can you programmatically tell an HTML SELECT to drop down (for example, due to mouseover)?。

测试点击事件可以通过Selenium来执行。