Question

我希望动态地将一些文本添加到一个字段中，然后用户可以更多地写入但不删除预先填写的文本。我有这个：

var foo = document.title;
var msgField = document.getElementById('message');
msgField.value = "I am interested in " + foo + " ";

我希望“我对标题感兴趣”已填写在表单上，但无法被用户删除。我希望用户能够在此之后写出更多信息。

有人能指出我正确的方向吗？

Answer 1

试试这个

function addText(elId,text) {
    text += document.getElementById(elId).value ;
}

或：

function addText(elId,text) {
    var obj = document.getElementById(elId);
    var txt = document.createTextNode(text);
    txt.appendChild(obj);
}

希望这可以解决您的问题。

Answer 2

可以通过几种方式强制执行，但会变得笨拙和丑陋。

尝试将其设置为显示为文本框的一部分。例如：

<div style="border: 1px solid brown; font: 14px monospace; width: 200px; height: 200px; margin: 10px; position: relative; overflow: hidden;">
  <div id="interestedInHeader" style="width: 100%;">I am interested in</div>
  <textarea id="interestedInText" style="width: 100%; font: 14px monospace; bottom: 0; top: 18px; border: none; position: absolute;">bunnies and ponies</textarea>
</div>

document.getElementById("interestedInHeader").onclick = function () {
  document.getElementById("interestedInText").focus();
}

在此处试试：http://jsfiddle.net/t8xjf/

Answer 3

我不清楚这个问题。你在寻找这种代码吗？

<input type="checkbox" onclick="fnc()"/>
<input type="text" id="message" />
<script type="text/javascript">
function fnc()
{
var foo = "MYSITE";
msgField=document.getElementById("message");
msgField.value = "I am interested in " + foo + " ";

}
</script>

Javascript - 将文本添加到可添加但未删除的表单字段

3 个答案: