使用 javascript 根据另一个表单的 onChange 更改一个表单值

Question

我似乎无法让这个功能发挥作用。我试图根据“金额”下拉列表中选择的金额更改表单的“业务”输入值。我还缺什么！！！我已经尝试这个一个小时了。

  <script type="text/javascript">
  function chPy()
  {
  var businessvar = "[email protected]";
  if (document.forms['5'].amount.value > 11){
  businessvar = "[email protected]"
  }
  document.forms['5'].business.value = businessvar;
  }
  </script>

  <form name="5">
  <select name="amount" OnChange="chPy()">
      <option value="na">Select</option>
      <option value="1.00">$1</option>
      <option value="5.00">$5</option>
      <option value="10.00">$10</option>
      <option value="15.00">$15</option>
      <option value="20.00">$20</option>
      <option value="25.00">$25</option>
  </select> 
  <input name="business" type="text" value="">
  </form>

好的。下一步。我在一页上有大约 100 个这样的表格。我不想为每种表单创建一个脚本，而是希望有一个脚本可以根据使用“onChange”更改的表单进行更改。页面上的每个表单都有相同名称的值（但不是 ID）（它们用于 paypal）。我认为如果我可以更改以下中的“formname”就可以了：“document.forms['formname']”基于由 chPy(“formname”) 等填充的变量......我可以似乎也无法让它发挥作用。

Answer 1

删除表单引用将处理您的两个项目。

 <script type="text/javascript">
  function chPy(oSelect)
  {
  var businessvar = "[email protected]";
  if (oSelect.form.amount.value > 11){
  businessvar = "[email protected]"
  }
  oSelect.form.business.value = businessvar;
  }
  </script>

  <form name="5">
  <select name="amount" OnChange="chPy(this)">
      <option value="na">Select</option>
      <option value="1.00">$1</option>
      <option value="5.00">$5</option>
      <option value="10.00">$10</option>
      <option value="15.00">$15</option>
      <option value="20.00">$20</option>
      <option value="25.00">$25</option>
  </select> 
  <input name="business" type="text" value="">
  </form>

Answer 2

问题是您使用数字作为表单名称。

在名称中添加一些字母即可：

<script type="text/javascript">
  function chPy()
  {
  var businessvar = "[email protected]";
  if (document.forms['form5'].amount.value > 11){
  businessvar = "[email protected]"
  }
  document.forms['form5'].business.value = businessvar;
  }
  </script>

  <form name="form5">
  <select name="amount" OnChange="chPy()">
      <option value="na">Select</option>
      <option value="1.00">$1</option>
      <option value="5.00">$5</option>
      <option value="10.00">$10</option>
      <option value="15.00">$15</option>
      <option value="20.00">$20</option>
      <option value="25.00">$25</option>
  </select> 
  <input name="business" type="text" value="">
  </form>

Answer 3

HTML:

<form name="form5">
    <select name="amount">
        <option value="na">Select</option>
        <option value="1.00">$1</option>
        <option value="5.00">$5</option>
        <option value="10.00">$10</option>
        <option value="15.00">$15</option>
        <option value="20.00">$20</option>
        <option value="25.00">$25</option>
    </select> 
    <input type="text" name="business">
</form>

JavaScript:

var form5 = document.forms['form5'];

form5.amount.onchange = function() {
    form5.business.value =
        (this.value > 11 ? 'paypall' : 'paypals') + '@ramatico.com';
}

现场演示： http://jsfiddle.net/Fx7zh/

---

对于多种表单，您可以使用以下 JavaScript 代码：

for (var i = 0, l = document.forms.length; i < l; i++) {
    document.forms[i].amount.onchange = function(i) {
        this.form.business.value =
            (this.value > 11 ? 'paypall' : 'paypals') + '@ramatico.com';
    }
}

现场演示： http://jsfiddle .net/Fx7zh/2/