Get value of input element in event listener with

Question

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 1

I've found solution:

d3.select("#id").node().value

Answer 2

Try using an instance of this to get the value:

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