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>

单击更多信息时，会弹出一个带有简单信息请求表单的灯箱。这是我的问题。我希望在单击链接时将 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 标记（最好将 ID 附加到 h3 标记）获取该元素的文本并将其插入到输入字段的值中。

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

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

    $('#CAT_Custom_440761').val(planTitle);
});
于 2012-10-18T05:55:29.767 回答
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 回答
0

你可以试试这个：

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