Javascript在字段后添加按钮并单击获取值

Javascript在字段后添加按钮并单击获取值,javascript,html,Javascript,Html,我有一个预编译的表单,我需要在一个特定字段后面插入一个按钮,该字段的ID为addr_postcode。任何人都可以告诉我如何使用javascript在该字段后面添加一个按钮,当单击该按钮时,该按钮将获取该字段的值,并启动一个新窗口,该值将作为url的一部分。例如: ../DIR/default.aspx?postcode=此处的邮政编码 谢谢,我希望这是一个简单的好主意 HTML 邮政编码: 试试这个: function makeButton() { var butt

我有一个预编译的表单,我需要在一个特定字段后面插入一个按钮,该字段的ID为addr_postcode。任何人都可以告诉我如何使用javascript在该字段后面添加一个按钮,当单击该按钮时,该按钮将获取该字段的值,并启动一个新窗口,该值将作为url的一部分。例如:

../DIR/default.aspx?postcode=此处的邮政编码

谢谢,我希望这是一个简单的好主意

HTML


邮政编码:

试试这个:

    function makeButton() {
        var buttonDiv = document.getElementById("addr_postcode");
        var Button = document.createElement("input");
        Button.setAttribute("type", "button");
        Button.setAttribute("id", "ButtonClick");
        Button.setAttribute("value", "New button");
        Button.setAttribute("onclick", "btnClick(" + buttonDiv.value.toString() + ");");
        buttonDiv.appendChild(Button);
    }

    btnClick(URL) {
        window.open(URL,'','scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,location=no,status=no');
    }

你能给我们看一下预编译的代码吗?你在文档中的任何地方调用过这个函数吗?因为文档是预编译的,我无法访问body标签,所以我无法将卸载函数放在那里。我可以把它放在其他地方吗?嗯,我不确定。我希望我能帮上更多的忙。我很抱歉。
    function makeButton() {
        var buttonDiv = document.getElementById("addr_postcode");
        var Button = document.createElement("input");
        Button.setAttribute("type", "button");
        Button.setAttribute("id", "ButtonClick");
        Button.setAttribute("value", "New button");
        Button.setAttribute("onclick", "btnClick(" + buttonDiv.value.toString() + ");");
        buttonDiv.appendChild(Button);
    }

    btnClick(URL) {
        window.open(URL,'','scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,location=no,status=no');
    }