nextstopsun nextstopsun - 5 months ago 24
HTML Question

Get value of input element in event listener with d3

I have two html elements:

<input id="searchInput">
<div id="searchText"></div>


I'm using d3 to add a listener in a script.

d3.select("#searchInput").on("keyup",getSearchText);


I need a function that prints a value of input to a div

function getSearchText(value) {
d3.select("#searchResults").html(value.toString());
}


But I don't know how to pass input value parameter to a listener function.

Answer

Try using an instance of this to get the value:

d3.select("#searchResults").html(this.value);