日期:2014-05-16  浏览次数:20485 次

想要的效果:在第一个文本框输入字符后,在第二个同步显示,在第三个左右添加内容后同步显示。
想要的效果:在第一个文本框输入字符后,在第二个同步显示,在第三个左右添加后同步显示。
问题:现在第二、第三个只能在点击后才能显示,如何实现同步显示效果呢?请指点



<html>
<head>
<title>文本框的值复制到第二个文本框,第三个左右加字符</title>
</head>
<body>
<form name=form>
  <div align="center">输入字符:
    <input type=text name=textvalue>
    <br>
    复制一次:
    <input type=text name=mem1 onFocus="if (this.value == ''){this.value=(textvalue.value)}">
    <br>
    复制两次:
    <input type=text name=mem2 onFocus="if (this.value == ''){this.value=('左面' + textvalue.value + '右面')}">
    <br>
    <input type=reset value="Reset" name="B2">
  </div>
</form>
</body>
</html>

------解决方案--------------------
有必要到处都发同一贴吗
<form name=form>
    <div align="center">输入字符:
        <input type=text name=textvalue onkeyup="fun(this.value)">
        <br>
        复制一次:
        <input type=text name=mem1 id="mem1">
        <br>
        复制两次:
        <input type=text name=mem2 id="mem2">
        <br>
        <input type=reset value="Reset" name="B2">
    </div>
</form>
<script type="text/javascript">
    function fun(v){
        document.getElementById("mem1").value=v;
        document.getElementById("mem2").value="左面"+v+"右面";
    }
</script>