# Slider with submit button and updating value

**URL:** <https://talk.observablehq.com/t/slider-with-submit-button-and-updating-value/833>\
**Category:** Help\
**Created:** [June 2, 2018, 10:21pm UTC](https://talk.observablehq.com/t/slider-with-submit-button-and-updating-value/833 "2018-06-02T22:21:22Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![andreasplesch](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/andreasplesch/32/676_2.png) [@andreasplesch](https://talk.observablehq.com/u/andreasplesch)\
**Post date:** [June 2, 2018, 10:21pm UTC](https://talk.observablehq.com/t/slider-with-submit-button-and-updating-value/833/1 "2018-06-02T22:21:23Z")

</div>

I am looking for slider with a submit button but which nevertheless shows the current slider value, so a user can know what would be submitted. Perhaps somebody did this already ?  
It would be for this notebook:

> **[Sea Level 3D: Past, Present (and Future?)](https://observablehq.com/d/8c0b7dd93fa7476b)**
>
> An Observable notebook by Andreas Plesch.

---

<div class="post-metadata">

**Author:** ![andreasplesch](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/andreasplesch/32/676_2.png) [@andreasplesch](https://talk.observablehq.com/u/andreasplesch)\
**Post date:** [June 2, 2018, 11:25pm UTC](https://talk.observablehq.com/t/slider-with-submit-button-and-updating-value/833/2 "2018-06-02T23:25:29Z")

</div>

I added a few lines to Jeremy’s inputs bazaar to take advantage of the change event for range/submit forms:

> **[InputsAP](https://observablehq.com/@andreasplesch/inputsap)**
>
> An Observable notebook by Andreas Plesch.

It now updates the output display value while not triggering an input event. I am sure there is a more elegant solution than special casing this form but it is functional.
