Dropdown-Element Wert in d3.js

Question

Der Code sollte das Quell-Dropdown (listSW) mit einer Spalte von csv füllen, und bei Änderungsereignis erstellen Sie ein weiteres Dropdown (listPC) mit einer anderen Spalte von csv gefüllt. Jetzt möchte ich das neu erstellte Dropdown aktualisieren, wenn ich den Wert in der Quelle ändere. Aber es erstellt weiterhin ein neues Dropdown (Kopie von listPC) und fügt es dem div hinzu.

Wie kann ich die Werte in der Dropdown-Liste "listPC" dynamisch auf das Änderungsereignis von listSW aktualisieren.

hier ist die plunkr https://embed.plnkr.co/UGXPZG/

Answer 1

Sie das Auswahlfeld auf Änderung anhängt.

So in Ihrer populatePC Funktion entfernen Sie die listPC Auswahlbox zuerst, dann fügen Sie sie mit neuen Werten zurück.

d3.select("#listPC").remove() 

Code arbeiten here