鏈接被點擊

時通信息，形成輸入我有一些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

回答

相關問題