javascript - Javascript - 将文本添加到可以添加但不能删除的表单字段

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();
}

​</p>

在这里试试：http: //jsfiddle.net/t8xjf/

Answer 3

The question is not clear to me. Are you looking for this kind of code?

<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>