CODEWITHSUNDEEP
python-3.xbokeh
vrutti tanna
vrutti tanna

Reputation: 25

How to get on_change value of select widget in bokeh?

I want to display selected value of select() bokeh widget in my browser.

This is my code, where I have data frame and values and that is how my widget gets populated !!!

multi_select = Select (title = "Select Quarters" , value = str1, options = df)

This is how it is calling using this function!!

def function_to_call(attrname, old, new):
  print(multi_select.value)

This is my HTML template which will call select value .

text=("""<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      {{ bokeh_css }}
      {{ bokeh_js }}
   </head>
   <body>
      <style type="text/css">
         {% include 'styles.css' %}
      </style>
      {{ plot_div|indent(8) }}
      {{ plot_script|indent(8) }}
      <div>
         <h1 style="color:#8CC43F">{selectval}</h1>
      </div>
   </body>
</html>
""")

Here {selectval} value is replacing my multi_select value from dropdown!!

m =multi_select.on_change('value',function_to_call)
text = text.format(selectval=m)
div = Div(text=text,width=200, height=100)

This is how i am calling the widget

curdoc().add_root(widgetbox(multi_select,div))

After doing this, it is still not displaying the value of my selected option from the select list. For example, if I am selecting Quarter-4 then it should display as text Quarter-4 in my div or textbox on "my browser" screen.

Any help will be appreciated. Thanks in advance !!

Upvotes: 1

Views: 4912

Answers (1)

Seb
Seb

Reputation: 1775

In your function you can change the text of the div widget directly

def function_to_call(attrname, old, new):
  div.text = new

Here attrname is 'value'

old is the value of the Select widget before it was changed

new is the new value of the Select widget

Upvotes: 2

Related Questions