jQuery onclick跨度，在输入中显示数据

Question

如何获得单击后的值，然后在输入字段中显示

这是我尝试过的：

点击范围

<span data-name="1" id="xc">1</span>
<span data-name="2" id="xc">2</span>

将值附加到用逗号分隔的输入字段

<input id="box" type="text" value="1,2">



$("#xc").click(function(){
    $("#box").val($(this).attr("data-name"));
});