2

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

表单的代码如下所示：

<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，所以如果除了 append 之外还有其他方法可以使用，我会全神贯注！实际上，该按钮不必是表单的一部分，因为我将在单击它时运行客户端代码。但它确实必须出现在登录按钮旁边。

谢谢。

4

3 回答 3

7

您不能将任何内容附加到输入元素..

使用.after或.before

 $('.submit').after($('<input type="button" value="test">'));
于 2013-05-20T18:36:13.850 回答
2

试试这个：jsFiddle

$('<input type="button" value="test">').insertAfter('.submit');
于 2013-05-20T18:36:00.790 回答
2

你可以.after这样使用

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

或者

$('form').append('<input type="button" value="test" />');
于 2013-05-20T18:37:32.913 回答