Javascript 带div的开关值

我想制作一个像按钮一样有值的div，然后输入它以提交值。代码如下所示

    <div id="btn" name="Dragon" style="width:20px; height:20px; border:1px solid black;"></div>

    <input type="submit" id="submita" value="">

    <script>

    var btn = document.getElementById('btn');

    btn.addEventListener('click', function( event ){ 

document.getElementById("submita").value = event.target.name;}, false);

}

    </script>

var btn=document.getElementById（'btn'）；
btn.addEventListener（'click'，函数（事件）{
document.getElementById（“submita”）.value=event.target.name；}，false）；
}

代码从div的名称中获取一个值，然后输入它以提交值。如果它使用按钮元素，它可以工作，但div不工作

如何实现这一点？

在jquery中使用以获取div的名称

 $("#btn").click(function () {

    $("#submita").val($(this).attr("name"));
});

---

您需要使用

getAttribute（）

DOM方法，因为

name

不是

div

的属性：

JSFiddle：

---

注意：您的示例代码的末尾还有一个额外的结束语

}

，我将其删除。

建议您使用jQuery（因为您也将问题标记为jQuery）。您的代码将更简单。你高兴得到jQuery的答案吗？我还在学习过程中。所以我还是不太理解JQuery。我更喜欢Javascript。谢谢。下面是纯Javascript答案。在脚本容器的末尾有一个多余的}。@Vladislav Qulin:答案中已经提到了。很好的发现：）你的代码正在运行，但是你能把它转换成javascript吗？谢谢你对不起，我还是不能给别人名誉但是谢谢你hehesory，我还是不能给别人名誉但是谢谢你hehe

var btn = document.getElementById('btn');

btn.addEventListener('click', function (event) {
    document.getElementById("submita").value = event.target.getAttribute("name");
}, false);