链接被点击

时通信息，形成输入我有一些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元素。

来源

2012-10-18 L84

通过文本您的意思是'基本'，'500'和'$ 25'？或'基本 $ 25'？ – kamil

@ kamil - 500是我必须拥有的文字，基本的单词和25美元不太重要。 – L84

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

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

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

当你点击按钮，它将会为H3标签搜索（将是更好的一个ID附加到H3标签）抓住该元素的文本，并将其插入到输入字段的值。

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

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

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

来源

2012-10-18 05:55:29

页面上有多个H3标签...只需要点击链接的兄弟姐妹 – Udan

也许你可以使用此代码

<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-18 05:52:39 polin

你可以试试这个：

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

来源

2012-10-18 05:54:48 Udan

回答

相关问题