You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为ipywidgets创建的下拉菜单添加独立标题?

在Jupyter Notebook的ipywidgets交互工具中添加下拉菜单上方提示

要给下拉菜单添加顶部提示文字,不能用print(它的输出和控件布局分离),得用ipywidgets的Label组件配合垂直布局来调整结构,具体修改代码如下:

import ipywidgets as widgets
from ipywidgets import interactive

fruits = ['Banana', 'Apple','Lemon','Orange']
colors = ['Blue', 'Red', 'Yellow']

# 去掉Dropdown的description,改用独立Label做顶部提示
drop1 = widgets.Dropdown(options=fruits, value='Banana', description='', disabled=False)
drop2 = widgets.Dropdown(options=colors, value='Blue', description='', disabled=False)

# 创建顶部提示标签
fruit_prompt = widgets.Label('Choose a fruit!')
color_prompt = widgets.Label('Choose a color!')

def update_dropdown(fruit, color):
    info = f"I would love to try a {color.lower()} {fruit.lower()}!"
    display(info)  

w = interactive(update_dropdown, fruit=drop1, color=drop2) 

# 重新构建布局:把提示标签和对应下拉菜单垂直组合,再替换原部件结构
w.children = [
    widgets.VBox([fruit_prompt, drop1]),
    widgets.VBox([color_prompt, drop2]),
    w.children[-1]  # 保留原有的输出部件
]

display(w)

关键修改说明:

  • 用widgets.Label创建独立的提示文本,替代Dropdown自带的左侧描述;
  • 用VBox将提示标签和下拉菜单垂直组合,实现提示在上、控件在下的布局;
  • 重新赋值w.children,调整interactive生成的部件顺序,确保布局符合预期。

内容的提问来源于stack exchange,提问作者LostinSpatialAnalysis

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.07 15:15:38