Question

我有一些看起来如此的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>

点击“更多信息”后，会弹出一个带有简单信息请求表单的灯箱。这是我的问题。我希望在点击链接时将h3标题的文本传递给隐藏的表单输入字段，以便我知道他们点击了哪个计划以获取更多信息。

输入如下：

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

我如何使用jQuery执行此操作？（我想过使用jQuery .text()方法，但我读过这个不适用于表单，我不知道如何传递h3文本。

注意页面上有多个h3元素。

Answer 1

您可以使用此代码执行以下操作。

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

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

当您点击按钮时，它将搜索h3标签（最好将ID附加到h3标签）抓取该元素的文本并将其插入输入字段的值。

如果您无法将ID附加到h3标签，则可以搜索h3的prev实例并从中获取文本。

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

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

Answer 2

也许您可以使用此代码

<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>

Answer 3

你可以试试这个：

$('a').click( function() {
   var text = $(this).parent().find('h3').text();
   $(this).parent().find('.cat_textbox').val(text); 
})

单击链接时，将信息传递给表单输入

3 个答案: