從輸入中獲取文本以替換另一種形式的標籤文本

爲簡單起見，轉貼。我想讓文本用戶輸入一個輸入來替換另一個表單輸入的標籤文本。另外，表單是一個插件，它不會讓我將id附加到我想要更改的文本的特定標籤標籤上。我怎麼能做到這一點，香草javascript請。從輸入中獲取文本以替換另一種形式的標籤文本

輸入用戶放置文本：

<input class="charInput" id="name1" type="text" onKeyUp="change1(this)" >

形式的標籤，我想更改文本（PS：不能使用類（不是唯一的這個標籤），不能添加ID）：

<div id="frm_field_53_container" class="frm_form_field form-field frm_top_container"> 
<label class="frm_primary_label" for="field_inputactor1"> 
TEXT TO REPLACE 
<span class="frm_required"></span> 
</label></div>

來源

2014-01-07 PhilD

你嘗試過什麼嗎？什麼是'change1（this）'？ – George

不，我不知道如何達到文本沒有在標籤中的ID ... – PhilD

也許它不是最好的解決辦法，但它是在Firefox和Chrome瀏覽器（IE下未測試）工作的解決方案

findLabelToChange = function() { 
    var div = document.getElementById("frm_field_53_container"); 
    return div.querySelector("label"); 
}; 

customizeText = function(text) { 
    return text + ' <span class="frm_required"></span>'; 
}; 

change1 = function() { 
    var label = findLabelToChange(); 
    var text = document.getElementById("name1").value; 

    label.innerHTML = customizeText(text); 
};

你可以在這個飼料中看到一個例子 http://jsfiddle.net/HAK5X/1/

來源

2014-01-07 19:16:06 Fernando

這裏是一個小提琴。

這是一行代碼。

http://jsfiddle.net/te3jv/6/

function change1(myInput){

的document.getElementById（ 'frm_field_53_container'）querySelector（「標籤」）的innerHTML = myInput.value。;

}

或者添加<span class="frm_required"></span>到HTML重新分配結束，讓您的空（但需要？）跨度。

來源

2014-01-07 19:28:44

海報要求香草Javascript，你使用的是jQuery。 – Fernando

是的，..海報也更新了他的發佈，包括那個要求，一旦我開始工作。但是，嘿，謝謝你的扶手椅四分衛;-) –

從輸入中獲取文本以替換另一種形式的標籤文本

回答

相關問題