Affichage de 2 zones de texte lorsque le bouton est cliqué JS

J'ai implémenté un codage pour afficher une zone de texte lorsque l'utilisateur clique sur un bouton. J'ai besoin de modifier ce codage pour voir 2 zones de texte lorsque l'utilisateur clique sur ce même bouton. Je vais mettre le codage ci-dessous. Merci!Affichage de 2 zones de texte lorsque le bouton est cliqué JS

<div class="form-group"> 
    <div class="col-sm-9"> 
    <div id="welcomeDiv" class="answer_list" style="display:none;"> <input type="text" /></div> 

    <input type="button" name="answer" value="Customize Size" onclick="showDiv()" /> 

</div>

function showDiv(){ 
     $("#welcomeDiv").show("slow"); 
}

Source

2017-09-27 Ryan Oscar

Ce n'est pas PHP, il est javascript. Quoi qu'il en soit, la solution est de changer votre ID de div à une classe et d'assigner cette classe aux deux divs – miknik

Essayez celui-ci.

<!DOCTYPE html> 
    <html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script> 
    $(document).ready(function(){ 
    $("#input1").hide(); 
      $("#input2").hide(); 
     $("#hide").click(function(){ 
      $("#input1").hide(); 
      $("#input2").hide(); 
     }); 
     $("#show").click(function(){ 
      $("#input1").show(); 
      $("#input2").show(); 
     }); 
    }); 
    </script> 
    </head> 
    <body> 

    <input type="text" id="input1"/> 
    <input type="text" id="input2"/> 

    <button id="hide">Hide</button> 
    <button id="show">Show</button> 

    </body> 
    </html>

Hope this aide :)

Source

2017-09-27 00:17:58 emjr

c'est exactement le même que votre code vérifier cela c'est fiddle link et extrait de code aussi

<div class="form-group"> 
    <div class="col-sm-9"> 
    <div id="welcomeDiv" class="answer_list"> <input type="text" /></div> 
    <input type="button" name="answer" value="Customize Size" /> 
</div>

ce javascript est peu différent mais vous l'obtiendrez

$("input[type='button']").click(function(){ 
     $("#welcomeDiv").show('slow'); 
});

Je n'aime pas donner le style des éléments utiliser si css.css

#welcomeDiv{ 
    display:none; 
}

$("input[type='button']").click(function(){ 
 
     $("#welcomeDiv").show('slow'); 
 
});

#welcomeDiv{ 
 
    display:none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="form-group"> 
 
    <div class="col-sm-9"> 
 
    <div id="welcomeDiv" class="answer_list"> <input type="text" /></div> 
 
    <input type="button" name="answer" value="Customize Size" /> 
 

 
</div>

Source

2017-09-27 02:04:41

Peut-être que vous avez besoin de cliquer pour cacher alors laissez-moi savoir que je vais essayer de vous aider –

Affichage de 2 zones de texte lorsque le bouton est cliqué JS

Répondre

Questions connexes