附加不起作用

时间:2013-11-28 02:46:35

标签: javascript jquery

点击测试按钮后,我看不到表单?

<button onclick="gettest()">test</button>
<div id="uplaodForm"></div>

function gettest(){
    var page = "www.bing.com";

    $('#uplaodForm').append('<form action="'+ page +'" method="POST">');
    $('#uplaodForm form').append('<input type="submit" value="Submit">');
    $('#uplaodForm form').append('</form>');
}

1 个答案:

答案 0 :(得分:2)

您可以尝试这种(更清洁的方法)

function gettest()
{
    var page = 'www.bing.com',
        form = $('<form/>', { 'action':page, 'method':'POST' }),
        input = $('<input/>', { 'type':'submit', 'value':'Submit', 'name':'btnSub' });
    form.append(input);
    $('#uplaodForm').append(form);
}

另外,你应该使用

$(document).ready(function(){
    $('button').on('click', function(){
        // code from gettest
    });
});

如果您使用ID按钮,则效果会更好。 An Example