javascript - 如何更改 HTML 中的表单元素值

标签 javascript html dom

我有这段简单的代码。

<html>
<head>

  <script type="text/javascript">
    function changeText()
    {
       var form = document.forms['detail'];
       form.desc.value="success";
    }
  </script>
</head>
<body>
  <form name="detail">
    <input type="text" name="desc" id="desc" >
    <input type="submit" value="changetext" onClick=changeText()>
  </form>
</body>
</html>

当我在 Mozilla 浏览器中运行此命令时,名为“desc”的文本框的值发生变化,但立即消失......即它不会永远显示并变为空。

我该如何解决它。

问候, 维杰

最佳答案

尝试使用:

<input type="submit" value="changetext" onClick="changeText(); return false;">

看起来您的页面正在刷新,这可能就是您的字段文本消失的原因。如果您的 onClick 监听器返回 false,它将阻止此默认行为。

关于javascript - 如何更改 HTML 中的表单元素值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3279213/

相关文章:

javascript - 使用 jQuery 使文本淡入淡出

javascript - 执行上下文和词法环境有什么区别和关系?

html - 滚动后的文本区域行高

html - 链接在图片下方

html - 图像未显示在输入字段内

javascript - 以 block 的形式将项目添加到 DOM

javascript - 使用 Jcrop 和 PHP GD 裁剪创建黑色 JPEG

php - Ajax 文件上传在 Chrome 中有效,但在 Firefox 中无效

jquery - 我可以使用 CSS 或 jQuery 定位父节点吗?

dom - 可以在无需重启的插件中使用 loadOverlay() 吗?