javascript jQuery的动态创建形成表单并提交

Posted 2021-05-03

    $myModal
      .on('click', 'a.detail-print', function() {
        var $this = $(this)
        // 创建Form
        var $form = $('<form />')
        // 设置属性 
        $form.attr('action', $this.attr('href'))
        $form.attr('method', 'post')
        // form的target属性决定form在哪个页面提交   
        // _self -> 当前页面 _blank -> 新页面 
        $form.attr('target', '_blank')
        // 创建input
        var $myInput = $('<input type="hidden" name="htmlContent" />')
        $myInput.val($myModal.find('table').prop('outerHTML'))
        // 附加到form
        $form.append($myInput)
        // 附加到body,否则在chrome56以后的版本会报“Form submission canceled because the form is not connected”的错误
        $form.appendTo(document.body)
        // 提交表单
        $form.submit()
        console.log($form.prop('outerHTML'))

        // 注意return false取消链接的默认动作
        return false
      })