Erhalten Sie den Wert des input-element im Ereignis-listener mit d3

Ich habe zwei html-Elemente:

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

Ich bin mit d3 einen listener hinzufügen, in einem Skript.

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

Brauche ich eine Funktion, die Drucke einen Wert von input in ein div

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

Aber ich weiß nicht, wie sich zu übergeben, input value-parameter an einen listener-Funktion.

  • Nicht allzu vertraut mit d3, aber sollte nicht this.value geben Sie den Wert?
  • Das versucht. d3.wählen Sie("#searchInput").Wert undefined zurückgibt.
  • Nein, Nein, versuchen Sie es mit d3.select("#searchResults").html(this.value);
InformationsquelleAutor nextstopsun | 2013-07-08
  1. 3

    Versuchen Sie es mit einer Instanz von this zu erhalten die Wert:

    d3.select("#searchResults").html(this.value);
    • In ES6, wenn der handler ein - Pfeil-Funktion, wie würden Sie dies schreiben?
    InformationsquelleAutor tymeJV
  2. 3

    Ich habe die Lösung gefunden:

    d3.select("#id").node().value
    InformationsquelleAutor beloblotskiy
Schreibe einen Kommentar