小编hjy*_*ghj的帖子

如何用d3获取输入元素的动态值?

我有一个id为"msg"的文本类型的输入元素.我单击按钮获取上面输入元素的值.我第一次成功.将上面的输入元素的值从10更改为13后,再次单击该按钮,这次我无法通过D3获取修改后的值.为什么?我的html文件如下:

    <!DOCTYPE html>
    
    <html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js">            </script>

        <script>
            function getMessage() {
                d3.select("#d3").html("D3:"+d3.select("#msg").attr("value"));
                document.getElementById("dom").innerHTML = "DOM:" + document.getElementById("msg").value;
            }
        </script>
    </head>
    <body>
        <p>
            <form>
                <input type="text" value="10" id="msg" >
            </form>
        </p>
        <p>
            <button onclick="getMessage()">Get Message</button>
        </p>
        <p id="d3">

        </p>

        <p id="dom">
        </p>
    </body>
    </html>
Run Code Online (Sandbox Code Playgroud)

d3.js

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

d3.js ×1