Le changement de l'un formulaire de valeur basée sur le onChange de l'autre avec javascript

Je n'arrive pas à obtenir cette fonction pour travailler sur. Je suis en train de changer le "business" de la valeur d'entrée de mon formulaire basé sur une valeur sélectionnée dans la "quantité" de liste déroulante. Ce qui me manque!!! J'ai essayé ce que pour une heure.

  <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>

Ok. La prochaine étape. J'ai environ 100 de ces formulaires sur une page. Au lieu d'en créer un pour chaque formulaire, j'aimerais avoir un script qui change en fonction de laquelle le formulaire est en cours de modification avec "onChange". Chacun des formulaires sur la page ont des valeurs du même nom (mais pas d'ID) (ils sont pour paypal). Je pense qu'il sera ok si je peux changer le"nom du formulaire" dans le texte suivant: "le document.forms['nom du formulaire']" basé sur une variable remplie par quelque chose comme chPy("nom du formulaire") etc..... Je n'arrive pas à obtenir que le travail soit.

InformationsquelleAutor Andrew Samuelsen | 2011-02-19
  1. 3

    Retrait de la forme de référence serait de prendre soin de de vos articles.

     <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>
    • J'aime votre réponse meilleure que la mienne 🙂
    • je vous remercie beaucoup. Je suis nouveau sur le javascript et je peux toujours obtenir de très près, mais avoir à venir ici pour le faire fonctionner. Merci à vous et à tout le monde pour votre aide!
    • qu'est-ce que oSelect? Puis-je changer cela pour rien? Pourquoi une lettre en majuscule....? Merci de m'aider à l'apprendre!
    • C'est juste un nom de paramètre. Vous pouvez l'appeler ce que vous voulez. Assurez-vous de changer le nom partout. Il représente l'élément qui a déclenché l'événement (comme passé comme cela), dans ce cas, l'sélectionnez nommé en tant que montant.
    InformationsquelleAutor amit_g
  2. 0

    Problème, c'est que vous êtes en utilisant un certain nombre de la forme nom.

    Ajouter quelques lettres du nom et ça marche:

    <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>
    InformationsquelleAutor warpech
  3. 0

    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';
}

    Démo Live: http://jsfiddle.net/Fx7zh/

    Pour de multiples formes, vous pouvez utiliser ce code 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';
    }
}

    Démo Live: http://jsfiddle.net/Fx7zh/2/

    • hey, j'ai essayé la mise en œuvre de ce dans mon script... cela permet de sélectionner la valeur correcte de la première, mais ne changera pas si la sélection est le changement. Merci
    • Toutes les erreurs sont jetés?
    • mon mauvais en fait je ne saisie d'une partie d'elle. Voici ce que je vais faire avec... j'ai essayé d'entrer dans les aspects de la vôtre et ne pouvais pas le faire fonctionner hah! <script type="text/javascript"> function combAction1(frm) { var formperson = frm.formperson.value; var formaction = frm.formaction.value; frm.item_name.value = formperson + ", " + formaction; } function chPy(oSelect) { var businessvar = "[email protected]"; if (oSelect.form.amount.value > 11){ businessvar = "[email protected]" } oSelect.form.business.value = businessvar; } </script>
    • Ce code n'a rien à voir avec mon code. Que voulez-vous dire?
    InformationsquelleAutor Šime Vidas