D3.js Selection Not Working

In this JSFiddle, both inputs (textbox and slider) are bound to each other. When the slider is dragged it perfectly updated the textbox. However, when textbox value is manually cha

Solution 1:

Using HTML slider (and not d3-slider which is another option), the "value" attribute only set the initial value!

To set dynamically use the property

d3.select("#slider").property("value", this.value);

see updated fiddle

Solution 2:

Try using 'slide' event for slider, instead of 'input'.

You might want also to check examples here.