javascript - 使用JavaScript修改表单

标签 javascript html forms

我有一个包含三个字段的 HTML 表单:

  • 状态
  • 部门,以及
  • 交付方式

我想显示或隐藏字段,具体取决于用户的浏览器是否支持 JavaScript。

我还尝试根据另一个字段的值设置一个字段。如果status设置为DE,那么我想设置delivery method的值也到DE

我将如何实现此功能?

最佳答案

您使用的字段不是使用 html 标签创建的吗?我不确定如何使用 JAVA 来禁用它们,但您肯定可以使用简单的 javascript 语句。

假设状态字段的 ID 为“fStatus”。 然后您可以简单地执行以下操作:

<script type="text/javascript>
document.getElementById('fStatus').type = 'hidden'; //to hide it and
document.getElementById('fStatus').type = 'text';   //to un-hide it
</script>

现在要在状态更改时执行函数,您需要稍微修改 html。像这样:

<input type="text" id="fStatus" onChange="validate()" />

要在页面加载时执行相同的函数,请修改正文,如下所示:

<body onLoad="validate()">

适当的 JavaScript 函数是:

<script type="text/javascript">
function validate()
{
  if(document.getElementById('fStatus').value == "DE")
  {
    document.getElementById('fDelivery').value = "DE"; // Assuming that the id of the delivery field is 'fDelivery'
  }
}
</script>

关于javascript - 使用JavaScript修改表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6457364/

相关文章:

javascript - 使用 jqGrid 将列显示为行

javascript "onclick"事件仅在 Chrome 中失败

javascript - 尝试为我的 chartjs 和 googlecharts 使用 axios、vuejs 和虚拟 api(仅获取请求)

javascript - 单击链接两次(而不是一次)时会激活灯箱

javascript - 如何修复 Jquery 模板?段落长度问题

javascript - 如何使用 javascript 运行 .bat 文件

javascript - 如果第二次单击该按钮,页面会刷新 - 如何防止这种情况发生?

vb.net - 编译或导出编码表单

javascript - 使用错误的 ng-pattern 重置 angularjs 表单字段

ruby-on-rails - 中间人应用程序可以创建联系表格吗?