将值传递给文本框

时间:2014-10-15 09:39:03

标签: javascript html iframe

我正在从事项目工作。我希望将textbox1的值传递给form 1form 3,但它只将值传递给首先出现的格式(此处为form1)。



< script type = "text/javascript" >

   submitForms = function() {
var answer = document.getElementById("textbox1").value;
var q = document.getElementById('q');
q.value = answer;
var q1 = document.getElementById('q1');
q1.value=answer;
document.forms["form1"].submit();
document.forms["form3"].submit();
  }

< /script>
&#13;
<body background="a.jpg">
  <p>
    </br>

    <input type="text" name="textbox1" id="textbox1" style="width:600px;height:30px;border:3px solid white" placeholder="Search..." required/>
    <input type="submit" name="button1" id="button1" value="go" style="width:50px;height:30px;color:black;background-color:white" onclick="submitForms()" />

    </br>
    </br>

    <iframe width="100%" height="500px" name="myIframe" frameborder='0'></iframe>
    <iframe width="100%" height="1700px" name="myIframe1" frameBorder="0"></iframe>

    <form method="get" action="http://bing.com//search" target="myIframe1" name="form1">
      <input type="text" name="q" id="q" size="25" maxlength="255" value="" style="display: none" />
    </form>

    <form method="get" action="http://duckduckgo.com/" target="myIframe" name="form3">
      <input type="text" name="q1" id="q1" size="25" maxlength="255" value="" style="display: none" />
    </form>


  </p>
</body>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

试试这个:

var q1 = document.getElementById('q1');
q1.value=answer;

你忘了填写2个表格。

答案 1 :(得分:0)

忘了另一个身份q1 `

<script type = "text/javascript">

  submitForms = function() {
    var answer = document.getElementById("textbox1").value;
    var q = document.getElementById('q');
    var qq = document.getElementById('q1');
    q.value = answer;
    qq.value = answer;
    document.forms["form1"].submit();
    document.forms["form3"].submit();

  }

</script>