0

この HTML を次から変更する必要があります。

<input type="button" class="rsform-button" id="compra_exc" name="form[compra_exc]" value="Buy">

これに：

<img src="button_ok" class="rsform-button" id="compra_exc" name="form[compra_exc]" />

しかし、ボタンをクリックしたときにフォームが送信されるボタンの動作を維持する必要があり、おそらくフォーム名を取得して次のように記述します。

$("#compra_exc").click(function(){
 $("#form_id").submit();
});

仕事はよくわかりませんでしたが (私が正しいかどうか教えていただければ幸いです)、HTML コードを変更する方法がわかりません。何か助けはありますか?

4

2 に答える 2

4

入力から img に変更する必要があるのはなぜですか? 入力に背景画像を指定できませんでしたか? 画像の幅と高さに合わせて幅と高さを調整する必要があるかもしれませんが、dom を操作しなくてもまったく同じに見えるようにすることができます。

.rsform-button {
    background-image: url('button_ok.png');
}
于 2013-07-27T19:14:30.233 に答える
1

新しい要素をクリックできるようにするには、要素を直接呼び出すことはできません。そのため、フォームを呼び出してその下の id を見つけることができます。

var content='<img src="button_ok" class="rsform-button" id="compra_exc" name="form[compra_exc]" />'
$('#compra_exc').after(content);
$('input[id=compra_exc]').remove();
$("#form_id").find('#compra_exc').click(function () {
   $("#form_id").submit();
});

デモはこちら

于 2013-07-27T19:10:16.113 に答える