1
votes

comment obtenir la valeur de l'élément de menu déroulant et l'ajouter à la saisie de texte?

Je souhaite modifier la valeur d'une zone de texte avec l'élément que je sélectionne dans un menu déroulant. Mais cela ne fonctionne pas.

$('.dropdown-item').click(function (){
  $('#area-inout').val() = $('.dropdown-item').text();
})

Voici mon code jquery:

<input class="dropdown-toggle" type="text" name="area-zone" id="area-zone" 
data-toggle="dropdown">

<div class="dropdown-menu" role="menu" aria-labelledby="area-zone">
<a class="dropdown-item" href="#">Jway</a>
<a class="dropdown-item" href="#">Atrod</a>
</div>

Quelqu'un peut-il m'aider?

javascript jquery html

6 commentaires

Veuillez partager le javascript que vous avez essayé. Qu'est-ce qui ne fonctionne pas?

veuillez envoyer votre code javascript ou jquery

Vous faites référence à # area-inout , mais votre élément d'entrée est # area-zone .

Vérifiez ce lien de travail de démonstration: https://jsfiddle.net/7oupwf3v/

J'ai vérifié. mais ne fonctionne pas!

Merci. Le problème a été résolu.

4 Réponses :

0
votes

Essayez ceci

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="dropdown-toggle" type="text" name="area-zone" id="area-zone" 
data-toggle="dropdown">

<div class="dropdown-menu" role="menu" aria-labelledby="area-zone">
<a class="dropdown-item d-area-input" href="#">Jway</a>
<a class="dropdown-item" href="#">Atrod</a>
</div>

$('.dropdown-menu .dropdown-item').on('click', function(){
   
    $("#area-zone").val($(this).text())
});

3 commentaires

Veuillez vérifier dans la console . Peut-être avez-vous l'erreur? lié à jquery ou à autre chose

Mais laissez-moi savoir quel est le problème réel de mes connaissances

Je ne sais vraiment pas. Le code ne fonctionnait pas, mais cela fonctionnait étrangement maintenant!

0
votes

Essayez ceci!

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="inputBox" value="" class="dropdown-toggle" type="text" name="area-zone" id="area-zone" 
data-toggle="dropdown">

<div id="dropDownSelect" class="dropdown-menu" role="menu" aria-labelledby="area-zone">
  <a class="dropdown-item d-area-input" href="#">Jway</a>
  <a class="dropdown-item" href="#">Atrod</a>
</div>

$("div#dropDownSelect").click(function(e){
document.getElementById('inputBox').value = e.target.innerHTML;
});

2 commentaires

Erreur dans la console: TypeError: document.getElementById (...) est null

Je vous en prie. Et sur votre js fiddle jsfiddle.net/4f9t2qm8 . Vous prenez aria-labelledby dans le document.getElementById , où document.getElementById est pour obtenir les données par id. Je pense...

0
votes

Veuillez changer le dorpdown_name avec le nom de votre boîte de sélection

<script>
    $('select[name="dorpdown_name"]').change(function() {
        $('#area-zone').val($(this).val());
    })
</script>

0 commentaires

0
votes

essayez:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
 

  
          <div class="dropdown">
           <input class="dropdown-toggle" type="text" name="area-zone" id="area-zone" 
            data-toggle="dropdown">
            <ul class="dropdown-menu">
                   <li><a class="dropdown-item" href="#">Jway</a></li>
                  <li><a class="dropdown-item" href="#">Atrod</a></li>

            </ul>
          </div>

$('.dropdown-menu .dropdown-item').on('click', function(){
   
    $("#area-zone").val($(this).text())
});

0 commentaires