forme valeur cachée à bascule par jquery clic

Question

J'ai une forme d'entrée cachée comme ci-dessous, où je change la valeur de « recherche » à « search_ref » après avoir cliqué sur l'option « Rechercher par le code de référence » lien.

<input type="hidden" id="changeme" name="task" value="search" /> 

Je ne suis en mesure de basculer la valeur cachée dans un sens - je veux le lien pour basculer en arrière de « search_ref » à « recherche » à chaque fois qu'il est cliqué.

$(document).ready(function(){ 
    $("#ref").click(function(){ 
     $("#changeme").val("search_ref"); 
    }); 
}); 

Comment est-ce que je devrais éditer le jQuery ci-dessous pour faire ceci?

S'il vous plaît voir le ci-dessous jsFiddle:

https://jsfiddle.net/phil_joostrap/82jpj76p/

Answer 1

Vérifiez la valeur de #changeme. Si la valeur est search, remplacez-la par search_ref, sinon par search comme suit.

$("#ref").click(function() { 
    var changeme = $("#changeme"); 

    var text = changeme.val(); 
    changeme.val(text == "search" ? "search_ref" : "search"); 
});