0

私は次のように見えるいくつかのhtmlを持っています:

<h3 class="basic left-top-border-radius">Basic<br /> 500<span>$25</span></h3>
    <a class="signup colorbox" href="#text-signup-form">More Info</a>

[More Info] をクリックすると、ライトボックスがポップアップし、簡単な情報リクエスト フォームが表示されます。これが私の問題です。リンクがクリックされたときに、h3 ヘッダーのテキストが非表示のフォーム入力フィールドに渡されるようにしたいので、詳細についてクリックしたプランがわかります。

入力は次のようになります。

<input type="text" class="cat_textbox" id="CAT_Custom_440761" name="CAT_Custom_440761" maxlength="1024" />

jQueryを使用してこれを行うにはどうすればよいですか? （私はjQuery.text()メソッドを使用することを考えましたが、フォームでは機能しないことを読みました.とにかくh3テキストを渡す方法がわかりません.

注記ページには複数のh3要素があります。

4

3 に答える 3

4

このコードで次のことができます。

$('.signup').click(function(){
    var planTitle = $('h3').text();

    $('#CAT_Custom_440761').val(planTitle);
});

ボタンをクリックすると、h3タグが検索されます（h3タグにIDを付ける方がよいでしょう）。その要素のテキストを取得して、入力フィールドの値に挿入します。

h3タグにIDを付けることができない場合は、h3の前のインスタンスを検索し、そこからテキストを取得できます。

$('.signup').click(function(){
    var planTitle = $(this).prev('h3').text();

    $('#CAT_Custom_440761').val(planTitle);
});
于 2012-10-18T05:55:29.767 に答える
0

あなたはこれを試すことができます：

$('a').click( function() {
   var text = $(this).parent().find('h3').text();
   $(this).parent().find('.cat_textbox').val(text); 
})
于 2012-10-18T05:54:48.700 に答える
0

おそらく、このコードを使用できます

<form action="test1.asp" id="testform">
    <input type="hidden" id="test3" value="">
    <input type="BUTTON" id="submit" onclick="modify_value()"/>
</form>

<script type="text/javascript">
    function modify_value()
    {
        var hidden_field = document.getElementById('test3');
        hidden_field.value = 'testvalue';
        document.getElementById("testform").submit();
    }
</script>
于 2012-10-18T05:52:39.847 に答える