JavaScript添加的HTML表单不提交

我想使用javascript添加一个包含输入文本的表单。
添加工作正常，但如果单击“提交”按钮，则不会发生任何事情。
下面是代码：

if（document.getElementById（“运行名称查询框”）==null）{
var run\u name\u search=''+
' ' +
“
运行名：
”+
'' +
'' +
' ' +
'' +
'' +
'';
$（“#查询\类型\框”）.append（运行\名称\搜索）；
}

run\u name\u querycreator（）

函数设置输入值

我已经在其他地方使用了几乎相同的东西，而且在那里也可以使用：

”+
'' +
''

如果我将普通html部分复制到html主体中，它也可以工作。

---

这是金字塔界面中使用的mako文件的所有部分。

我认为您的HTML格式不正确。我不认为form元素可以是table元素的子元素

你的代码应该是这样的

var run_name_search = '<fieldset id="run_name_query_box">' +
    '<form method="post" action=query name="query_runname_name">' +
    '<table>'+
    '<tr><td>' +
    '<p style="font-size:16px"> Runname:</p>' +
    '<input type="text" style="font-size:16px" id="run_name">' +
    '<input  style="font-size:14px"  value="Search Database" onclick= "run_name_querycreator()" id="search_run_name_id" type="submit" name="search_run_name_name"> ';
$("#query_type_box").append(run_name_search);

请参见此

在这个提琴中，您可以在FIX之前看到，部分由您生成的动态元素。 在修复后的部分中，您可以看到正确的html格式

---

仅供参考，当您使用动态html时，请检查您在开发人员工具中动态创建的html。

我认为您的html格式不正确。我不认为form元素可以是table元素的子元素

你的代码应该是这样的

var run_name_search = '<fieldset id="run_name_query_box">' +
    '<form method="post" action=query name="query_runname_name">' +
    '<table>'+
    '<tr><td>' +
    '<p style="font-size:16px"> Runname:</p>' +
    '<input type="text" style="font-size:16px" id="run_name">' +
    '<input  style="font-size:14px"  value="Search Database" onclick= "run_name_querycreator()" id="search_run_name_id" type="submit" name="search_run_name_name"> ';
$("#query_type_box").append(run_name_search);

请参见此

在这个提琴中，您可以在FIX之前看到，部分由您生成的动态元素。 在修复后的部分中，您可以看到正确的html格式

---

仅供参考，当您使用动态html时，请检查您在开发者工具中动态创建的html。

工作示例：

描述：在全局命名空间中添加缺少的

onclick

函数

运行\u name\u querycreator（）

，并将其与表观表单数据连接

window.run_name_querycreator = function () {
    //alert($('#run_name').val());
    var x = '{"run_name":"' + $('#run_name') + '"}'

    $.ajax({
        type: "POST",
        url: $form.attr('action'),
        data: x,
        success: alert('success'),
        dataType: 'json'
    });
}

$(function () {
    if (document.getElementById("run_name_query_box") === null) {
        var run_name_search = '<fieldset id="run_name_query_box">' +
            '<table> <td><tr>' +
            '<p style="font-size:16px"> Runname:</p>' +
            '<input type="text" style="font-size:16px" id="run_name">' +
            '<form method="post" action=query name="query_runname_name">' +
            '<input  style="font-size:14px" value="Search Database" onclick="run_name_querycreator()" id="search_run_name_id" type="submit" name="search_run_name_name"> ' +
            '</form>' +
            '</tr></td></table>' +
            '</fieldset>';
        $("#query_type_box").append(run_name_search);
        $form = $('[name="query_runname_name"]');
        $form.submit(function (e) {
            e.preventDefault();
        });
    }
});

window.run\u name\u querycreator=函数（）{
//警报（$（'#run_name'）.val（））；
var x='{“run_name”：“'+$（'#run_name'）+'”}”
$.ajax({
类型：“POST”，
url:$form.attr（'action'），
数据：x，
成功：警报（“成功”），
数据类型：“json”
});
}
$（函数（）{
if（document.getElementById（“运行名称查询框”）==null）{
var run\u name\u search=''+
' ' +
“
运行名：
”+
'' +
'' +
' ' +
'' +
'' +
'';
$（“#查询\类型\框”）.append（运行\名称\搜索）；
$form=$（'[name=“query\u runname\u name”]'）；
$form.submit（功能（e）{
e、 预防默认值（）；
});
}
});

工作示例：

描述：在全局命名空间中添加缺少的

onclick

函数

运行\u name\u querycreator（）

，并将其与表观表单数据连接

window.run_name_querycreator = function () {
    //alert($('#run_name').val());
    var x = '{"run_name":"' + $('#run_name') + '"}'

    $.ajax({
        type: "POST",
        url: $form.attr('action'),
        data: x,
        success: alert('success'),
        dataType: 'json'
    });
}

$(function () {
    if (document.getElementById("run_name_query_box") === null) {
        var run_name_search = '<fieldset id="run_name_query_box">' +
            '<table> <td><tr>' +
            '<p style="font-size:16px"> Runname:</p>' +
            '<input type="text" style="font-size:16px" id="run_name">' +
            '<form method="post" action=query name="query_runname_name">' +
            '<input  style="font-size:14px" value="Search Database" onclick="run_name_querycreator()" id="search_run_name_id" type="submit" name="search_run_name_name"> ' +
            '</form>' +
            '</tr></td></table>' +
            '</fieldset>';
        $("#query_type_box").append(run_name_search);
        $form = $('[name="query_runname_name"]');
        $form.submit(function (e) {
            e.preventDefault();
        });
    }
});

window.run\u name\u querycreator=函数（）{
//警报（$（'#run_name'）.val（））；
var x='{“run_name”：“'+$（'#run_name'）+'”}”
$.ajax({
类型：“POST”，
url:$form.attr（'action'），
数据：x，
成功：警报（“成功”），
数据类型：“json”
});
}
$（函数（）{
if（document.getElementById（“运行名称查询框”）==null）{
var run\u name\u search=''+
' ' +
“
运行名：
”+
'' +
'' +
' ' +
'' +
'' +
'';
$（“#查询\类型\框”）.append（运行\名称\搜索）；
$form=$（'[name=“query\u runname\u name”]'）；
$form.submit（功能（e）{
e、 预防默认值（）；
});
}
});

检查控制台中的

运行\u name\u querycreator（）函数是否有错误。

在哪里定义了combine\u query（）函数？检查控制台中的

运行\u name\u querycreator（）函数是否有错误。

在哪里定义了combine\u query（）函数？从表中取出数据工作得很好！非常感谢！：）从桌子上拿出来非常有效！非常感谢！：）