Добавление выпадающего меню с помощью d3.js

Я пытаюсь добавить выпадающее меню в визуализацию d3. Проблема в том, что обработчик событий не вызывается при выборе любого из параметров. Кроме того, как я могу получить доступ к значению выбранного параметра? Ниже приведен фрагмент моего кода..

d3.text("uniqueTeams.php",function(json){
    var dd=JSON.parse(json);
    var b= d3.select("#s4").select("#shru");
    var u=b.append("select");
    var t=u.selectAll("option").data(dd).enter().append("option")
       .attr("value",function(d){return d.teamShotID;})
       .text(function(d){return d3.select(this).node().__data__.teamShotID;});
    t.on("change",change);
});
function change(value)
{
    console.log("team",value);
}
change();​​​​

Спасибо