javascript - 单击按钮时更新文本框值

Question

这是我的问题，当我点击提交按钮时，文本框没有显示任何值有没有错误，我是新手非常感谢

    <form id="form1" name="form1" method="post" >

      <p>
        <input type="submit" name="setValue" id="setValue" value="submit" onclick="setValue()"/>
      </p>
      <p>
        <label>
          <input type="text" name="bbb" id="bbb" />
        </label>
       </p>
    </form>

    <script type="text/javascript">
    function setValue()
    {
        document.getElementById('bbb').value="new value here";
    }
      </script>

Answer 1

第一个问题是您为元素使用了与函数相同的名称，因此window.setValue 不是函数，而是提交按钮，这是一个错误。

第二个问题是当您点击提交 按钮时，表单被提交并且页面重新加载，这就是您看不到值的原因，您必须阻止提交的表单。

您可以使用 javascript 来完成，但最简单的方法是使用常规按钮而不是提交按钮。

<form id="form1" name="form1" method="post">
    <p>
        <input type="button" name="set_Value" id="set_Value" value="submit" onclick="setValue()" />
    </p>
    <p>
        <label>
            <input type="text" name="bbb" id="bbb" />
        </label>
    </p>
</form>
<script type="text/javascript">
    function setValue() {
        document.getElementById('bbb').value = "new value here";
    }
</script>

FIDDLE