2013-07-08 99 views
2

我有兩個HTML元素:獲取輸入元素的值在事件監聽器與D3

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

我使用D3在腳本中添加監聽。

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

我需要打印輸入的值,以一個div

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

功能,但我不知道怎麼輸入值參數傳遞到偵聽器函數。

+0

不太熟悉'd3',但不應'THIS.VALUE 「給你價值? – tymeJV

+0

試過了。 d3.select(「#searchInput」)。value返回undefined。 – nextstopsun

+1

不,不要嘗試使用'd3.select(「#searchResults」)。html(this.value);' – tymeJV

回答

3

嘗試使用的this一個實例來獲取值:

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

在'ES6'中,如果你的處理函數是一個_arrow函數_,你會怎麼寫? –

1

我找到了解決辦法:

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