使用jquery append()向表单添加按钮

Question

我需要在表单中添加一个按钮.我无法控制创建表单本身的逻辑......但如果需要,我可以在表单周围添加代码.

表单的代码如下所示:

<form action="/cgi-bin/a/logon" method="POST">
     <DT>Login ID</DT>
       <DD>
          <input class=" text" type="text"  name="id"  value="">
       </DD>
     <DT>Password</DT>
       <DD>
          <input class=" password" type="password"  name="password"  value="">
       </DD>
       <DT></DT>
       <DD><input class="submit" type="submit" name="submit" value="Logon">
      </DD>
</FORM>

我知道我可以在整个表单周围添加一个div并附加到...但我希望新按钮出现在"登录"按钮旁边.我尝试了以下代码,但它没有用:

<script type="text/javascript">
        $(document).ready(function() {
           $('.submit').append($('<input type="button" value="test">'));
        });
</script>

我假设你可能无法附加按钮......这就是为什么它不起作用.

我还在学习jquery,所以如果除了追加我可以使用的另一种方法之外,我全都耳朵!实际上,按钮不必是表单的一部分,因为我将在单击时运行客户端代码.但它必须出现在登录按钮旁边.

谢谢.

Answer 1

你不能将任何东西附加到输入元素..

使用.after或.before

 $('.submit').after($('<input type="button" value="test">'));