Question

我想创建一个像按钮一样的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>

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

怎么做？

Answer 1

您需要使用getAttribute() DOM方法，因为name不属于div的属性：

JSFiddle：http://jsfiddle.net/TrueBlueAussie/JM9nH/9/

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

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

注意：您的示例代码在我删除的末尾还有一个额外的结束}。

Answer 2

在jquery中使用attr来获取div的名称

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

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

用div切换值

2 个答案:

JSFiddle：http://jsfiddle.net/TrueBlueAussie/JM9nH/9/

DEMO