如何用javascript在文本域添加已准备好的相应内容？

来源：百度知道 编辑：UC知道 时间：2024/06/11 19:04:40
有一个文本域，比如我在里面已经输入了:abc，在这个文本域下方有已经准备好的几个单选按钮，比如选中其中一个单选按钮，则添加一段文字到文本域内容abc的后面，例如:123，最终的文本域内有文字：abc123
请问这个效果如何实现？
又或者，已经添加了123，我再点另外一个单选按钮，则自动清除已添加的123.
请高手们慷慨解答，谢谢！

单做添加容易点，清除会有许多问题的，下面的代码调试通过，缺点是如果没有添加123，只要输入的内容后面有123，点删除的时侯也会被删除，你试试看吧：

<html><head>
<script language=javascript>
function f_add(s){
text1.value+=s;
}
function f_del(s){
i=text1.value.lastIndexOf(s);
if (i>=0) text1.value=text1.value.substr(0,i);
}
</script>
</head>

<body>
<input type=text name=text1 value='abc'>
<button onclick="f_add('123');">添加123</button>
<button onclick="f_del('123');">删除123</button>
</body>