Question

我的表格有两个字段field1和field2 field1是文本输入类型（只读），field2是select inut type。

现在功能是field1和field2是相关的根据field1中的值，field2下拉列表中的列表值取决于例如：
1 GT; field1值是动物然后field2只显示虎，狮子选择 2 - ; field2值是bird然后field2显示onl蜂鸟，鹰选择。

我通过在field1的html中设置默认值来实现这一点但我需要根据表单名称动态填充field1 因此，如果表单名称为birdform，则field1值为bird，类似地，如果表单名称为animalform，则field1值为animal。

我甚至通过以下代码来做到这一点：

 window.onload = function()
 {
    var f = document.getElementById("BirdForm");
    var temp = document.getElementById("field1");
    if(f.name == "BirdForm")
    {
        var temp1 = document.getElementById("BirdForm.field1");
        temp1.value = "Bird";
    }
 }

上面的一个成功设置了field1值，但是我没有看到field2应该保存的值列表正在更新。

更新1：我希望我能满足我的要求。如果表单只提交一次，下面的代码将完成它，但由于它每次再次提交时执行标题，它会一次又一次地调用。我试图用flag变量来阻止它，但即使该值在每次提交表单时都会刷新，并且标题会再次执行。请帮助我如何在下面的代码中只提交一次表单：

      <html>
      <head>
    <script>
    window.onload = function()
    {   
        var f = document.getElementById("t1");
        var temp = document.getElementById("CheckForm.t1");
        if(f.name == "CheckForm")
        {
          var temp1 = document.getElementById("CheckForm.t1");
          temp1.value = "Task";
        }
                document.CheckForm.submit();
    }

     </script>
         </head>
         <body>
          <form name="CheckForm">
                  <input type="text" id="t1"/>
          </form>
         </body>
      </html>

请帮忙。

级联选择基于使用Javascript动态设置的输入值

0 个答案: