clear_output does not clear the previous widgets

[suprithams]

I have a function that checks the value of a dropdown widget. When the value changes from one option of dropdown to other option, I have a function that observes the change and display slider according to the change. But in doing so, it does not clear the previous option's slider widget. I have tried using clear_output() but in vain. Can someone help me resolve the issue? Thanks.

Like in the case below, when I can the value of element from 1 to 2, it should delete slider1 and then display slider2.

element = widgets.Dropdown(
    options={'A': 1, 'B': 2, 'C': 3},
    value=1,
    description='Choose element:',
    )
  display(element)
  
  def on_ensemble_change(change):
    clear_output()
    changed_value =  change['new']
    if(changed_value == 1):
        print('inside if 1')
        s1_widget = widgets.FloatSlider(
                                            value=10,
                                            min=0,
                                            max=30,
                                            step=0.5,
                                            description="slider1",
                                            disabled=False,
                                            continuous_update=False,
                                            orientation='horizontal',
                                            readout=True,
                                            readout_format='.1f',
                                            )
    display(s1_widget)
    if(changed_value == 2):
        print('inside if 2')
        s2_widget = widgets.FloatSlider(
                                            value=10,
                                            min=0,
                                            max=50,
                                            step=0.5,
                                            description="slider2",
                                            disabled=False,
                                            continuous_update=False,
                                            orientation='horizontal',
                                            readout=True,
                                            readout_format='.1f',
                                            )
    display(s2_widget)

    if(changed_value == 3):
        print('inside if 3')
        s3_widget = widgets.FloatSlider(
                                            value=10,
                                            min=0,
                                            max=90,
                                            step=0.5,
                                            description="slider3",
                                            disabled=False,
                                            continuous_update=False,
                                            orientation='horizontal',
                                            readout=True,
                                            readout_format='.1f',
                                            )
    display(s3_widget)
   
 element.observe(on_element_change, names='value')

[jasongrout]

Do you want to delete and throw away the old sliders, or just not display them?

If you just want to change the display, perhaps something like this could work:

from ipywidgets import IntSlider, FloatSlider, Text, VBox, Dropdown

d = Dropdown(options=['a', 'b', 'c'])

UI = {
    'a': (IntSlider(description='UI for a'), IntSlider(description='A slider 2')),
    'b': (FloatSlider(description='UI for b'), Text(description='B textbox')),
    'c': (IntSlider(description='C UI'),)
}

new_ui = VBox(children=UI[d.value])

def on_change(change):
    new_ui.children = UI[change.new]

d.observe(on_change, 'value')
    
VBox([d, new_ui])

[suprithams]

I just wanted them to update as in do not display. In case, I choose the same option back again, the sliders would be displayed back again like in a user interactive way.

Thanks for the help. I will try this out.

[suprithams]

Thanks. This does the update of the widgets. But if I want to track the value of the individual IntSlider of option 'a' as the user changes it, then is there a way to do it? I tried to assign it to a value but it raises an error.

[jasongrout]

You can either assign the slider to a variable, just like we did with the dropdown, and observe it with that variable (preferable), or you can just access it in the above code with something like UI['a'][0].