2016-12-26 5 views
-1

J'ai une liste déroulante et il contient une liste de noms et une option «plus» .Lorsque l'utilisateur clique sur l'option plus, il chargera plus de noms de la base de données et affichera ces noms dans la liste déroulante.Mais ce que je veux est, lorsque l'utilisateur clique sur l'option plus, dropdownlist va développer avec les données de la base de données sans fermer la liste déroulante.J'ai utilisé appel ajax pour remplir la liste déroulante de la base de données.Actuellement lorsque l'utilisateur clique sur l'option plus, la liste déroulante se fermera et encore l'utilisateur veut cliquer sur la liste déroulante pour voir plus d'options. Merci d'avance pour les réponses.développer une liste déroulante lorsque vous cliquez sur l'option plus

+0

double possible de [Puis-je ouvrir un dropdownlist en utilisant jQuery] (http://stackoverflow.com/questions/360431/can-i-open-a-dropdownlist-using-jquery) –

+0

Votre code postal et effort .. et vous pouvez rouvrir le dropedown lorsque vous ajax réponse d'appel venez puis en utilisant jquery ou javascript ouvrir le menu déroulant il sera tel qu'il est – mean

+0

La liste déroulante par défaut du navigateur ne supporte pas cela. Essayez d'utiliser les plugins jQuery pour atteindre ce comportement ou des comportements similaires https://www.sitepoint.com/13-jquery-selectboxdrop-down-plugins/ – VadimB

Répondre

0
<!DOCTYPE html> 
<html> 
<body> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script> 
function showHideOther(){ 
    if (document.getElementById('drop_down').value == 'other') { 

     $.get("xyz.php", function(data, status){ 
     $('#drop_down').attr('size',4+data.length); 
     }); 


    } 
} 
</script> 
<select name="" id="drop_down" onchange="showHideOther();"> 
     <option value="choose">Please choose</option> 
     <option value="Allure">a</option> 
     <option value="Elle">b</option> 
     <option value="In-Style">c</option> 
     <option value="other">More</option> 
</select> 
</body> 
</html> 
+0

Merci pour la réponse.C'est un bon.J'ai essayé cette solution.Mais le problème est l'accent va à la première option de la liste déroulante.Ce n'est pas je voulais.Je veux me concentrer sur la première option après l'option «plus». –