jquery - JQuery：将表单添加到

Question

我有一个 html 表，我想为每个 tr 附加一个表单。我写了这个：

<script>

var bform = '<form name="input" action="html_form_action.asp" method="get"><input type="hidden" value="event"></input><input type="submit" value="Submit" /></from>';

$('tr').prepend(bform);

</script>

但它似乎对我不起作用，也不会在控制台中引发错误。

有人能指出我正确的方向吗？

Answer 1

确保在 jQuery 和 DOM 加载后执行它：

$(function(){
    $('tr').prepend(bform);
});

或者：

$(document).ready(function(){
    $('tr').prepend(bform);
});

此外，您的结束</form>标签所在的位置有错字</from>

Answer 2

添加tr和td到您的bform

var bform = '<tr><td> YOUR FORM HERE</td></tr>'

当您将字符串添加到 atr时，您将插入 a table，因此，您当前的代码无效：

<table>
    <form name="input" action="html_form_action.asp" method="get">
        <input type="hidden" value="event"></input>
        <input type="submit" value="Submit" />
    </from>';
    ^^^^^ INVALID HTML ^^^^^

    <tr>
        <td>CONTENT</td>
    </tr>
</table>

正如 Blender 所说，确保将代码放入jQuery(document).ready(function($){})

此外，您不需要 close inputs，因此，两者都是有效代码：

<input type="hidden" value="event">
<input type="submit" value="Submit">