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不是函数，而是提交按钮，而且＆＃ 39;是一个错误。

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

你可以用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

Answer 2

我正在输入Adeneo给出的相同答案，谢谢Adeneo。而user3635102，你的<form>很好，你可以保持原样。只有您需要将<input type="submit">更改为<input type="button">。如果您将来需要提交表单，可以按如下方式更新您的Javascript，这将提交form1：

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

单击按钮时更新文本框值

2 个答案: