Question

为了简单起见。我希望文本用户输入一个输入来替换另一个表单输入的标签文本。此外，该表单是一个插件，它不允许我将id附加到我想要更改的文本的特定标签标签。我怎么能这样做，请在香草javascript中。

输入用户将文本放入：

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

表单标签我想更改文本（p.s：cant使用类（不是这个标签的唯一），不能添加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>

Answer 1

也许它不是最好的解决方案，但它是一个适用于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);
};

您可以在此Feed中看到一个示例 http://jsfiddle.net/HAK5X/1/

Answer 2

这是一个小提琴。

这是一行代码。

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

function change1(myInput){

document.getElementById（'frm_field_53_container'）。querySelector（“label”）。innerHTML = myInput.value;

}

或者在HTML重新分配结束时添加<span class="frm_required"></span>以保持空（但需要？）范围。

从输入中获取文本以替换另一种形式的标签文本

2 个答案: