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 に答える