web-dev-qa-db-fra.com

jQuery: déclencheur par clic ou champ de saisie

J'ai une page avec plusieurs divs qui ressemblent tous à l'exemple ci-dessous. Chaque div contient un champ, un champ caché et un bouton. 

Comment puis-je y parvenir en cliquant sur le bouton, le champ de saisie (visible) se déclenche? Je dois déclencher un clic ou une mise au point car les deux fonctions ont la même fonction. 

Chaque bouton en question a le class="triggerBtn" et le champ de saisie correspondant a le class="inputField".

Exemple div:  

<div>
    <input type="text" class="inputField" id="field1" name="field1" />
    <input type="hidden" name="field1" />
    <button type="button" class="btn btn-primary triggerBtn">Find</button>
</div>
javascriptjquerytriggerseventtrigger
4
user2571510

Je suppose que tu veux:

$(".triggerBtn").click(function () {
    $(this).closest('div').find('.inputField').focus();
});
11
A. Wolff

ajoutez Onclick = "function ()" voir ici si vous devez le déclencher manuellement en utilisant jquery, vous pouvez y parvenir en

$("#field1").trigger("click");

voir aussi ici

5
AmOs
$(".triggerBtn").on("click",function(e){
      $(this).closest("div").find(".inputField").click();
     //or $(this).closest("div").find(".inputField").focus();
});
1
Khanh TO
$(".triggerBtn").parent().children("input[type:text]").first().focus()
0
Jeet