2017-09-07 3 views
-2

Salut j'aimerais que quelques boîtes de texte soient désactivées lorsqu'une zone de texte contient un texte spécifique et que je clique sur un bouton.javascript deux fonction de déclenchement sur le bouton d'entrée

Voici ce que j'ai: bouton:

<div id="itemRows1"> 
<label ></label><input type="hidden" name="add_name1" /><input onclick="addRow1(this.form); " type="button" id="dodaj1" value="Dodaj tip droge in količino" class="btn btn-primary" /> 
</div> 
<br> 
</div> 
scénario

:

<script> 
var dis1 = document.getElementById("preiskavoopr1"); 
    dis1.onchange = function() { 
    if (this.value == "SKP") { 
     document.getElementById("dolgnaziv").disabled = true; 
      var x = document.getElementsByClassName("form-control1"); 
      var i = 0; 
      for (i = 0; i < x.length; i++) { 
       x[i].disabled = true; 
     } 

    } else { 
      document.getElementById("dolgnaziv").disabled = false; 
    } 
} 
</script> 

Le bouton est ajoutant plus de champs dinamicaly et fonctionne comme prévu. La zone de texte avec l'ID preiskavoopr1 est un menu déroulant avec 2 valeurs et est OK.

Lorsque je sélectionne une valeur SKP dans la liste déroulante, les zones de texte avec ClassName ("form-control1"); doit devenir handicapé et cela fonctionne. Mais quand je clique sur le bouton 2 plus de zones de texte avec le ClassName ("form-control1"); semble pas désactivé mais ils devraient être.

Espérons que j'ai expliqué assez bien.

+0

'frm.add_name.value = « »;' Vous avez plusieurs éléments avec le nom « add_name » donc je ne sais pas ce que vous attendez de se produire. – epascarello

+0

@epascarello je voudrais que le bouton avec dans l'ID div "itemRows1" pour faire la même chose du dernier script en bas (charger sur cliquez sur ce script à nouveau) – JustMe

Répondre

0

Il semble que vous essayez d'ajouter des méthodes onclick aux éléments <input> qui se sont dissimulés dans un bouton parce que vous y avez ajouté class="btn btn-primary".

Changer votre bouton pour <button onclick="addRow()" class="btn btn-primary">Button Text</button>

+0

@matejtu vous pouvez le faire en ajoutant l'écouteur d'événement à l'élément . Essayez d'attribuer un identifiant à votre balise '' et ajoutez-le à votre script 'document.getElementById (" yourButtonId "). AddEventListener (" click ", yourButtonFunction);' – TNU

+0

@matejtu ajoutez cette ligne après la fonction de votre bouton 'dis1.addEventListener ("click", dis1.changement); ' – TNU