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

我有一些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>

Basic
500美元25

单击“更多信息”时，会弹出一个带有简单信息请求表单的灯箱。这是我的问题。我想当链接被点击时，h3标题的文本被传递到一个隐藏的表单输入字段，这样我就知道他们点击哪个计划来获取更多信息

输入如下所示：

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

我将如何使用jQuery实现这一点？（我曾想过使用jQuery

.text（）

方法，但我读到它不适用于表单，我也不知道如何传递h3文本

---

注意页面上有多个

h3

元素。

也许您可以使用此代码

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

函数修改_值（）
{
var hidden_field=document.getElementById（'test3'）；
hidden_field.value='testvalue'；
document.getElementById（“testform”）.submit（）；
}

也许您可以使用此代码

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

函数修改_值（）
{
var hidden_field=document.getElementById（'test3'）；
hidden_field.value='testvalue'；
document.getElementById（“testform”）.submit（）；
}

您可以尝试以下方法：

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

您可以尝试以下方法：

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

---

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

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

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

当您单击按钮时，它将搜索h3标记（最好在h3标记上附加一个ID），抓取该元素的文本并将其插入到输入字段的值中

如果无法将ID附加到h3标记，则可以搜索h3的上一个实例并从中获取文本

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

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

---

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

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

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

当您单击按钮时，它将搜索h3标记（最好在h3标记上附加一个ID），抓取该元素的文本并将其插入到输入字段的值中

如果无法将ID附加到h3标记，则可以搜索h3的上一个实例并从中获取文本

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

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

---

你所说的文本是指

Basic

，

500

和

$25

？或者

Basic
500$25

？@kamil-500是我必须拥有的文本，Basic这个词和$25美元不那么重要。你所说的文本是指

Basic

，

500

和

$25

？或者

Basic
500$25

？@kamil 500是我必须拥有的文本，而word basic和$25美元不太重要。页面上有多个H3标记…只需要单击链接的兄弟姐妹页面上有多个H3标记…只需要单击链接的兄弟姐妹