jquery comment faire insérer Avant de travailler une seule fois, au premier clic?

Question

jquery

$(function(){ 
$('#4').click(function() { 
$('<input name="if4" type="text" value="other price>"').insertBefore('form textarea'); 
    }); 
}); 

html

<form> 
< input name="name" type="text" value="Enter your name" /><br /> 
< input name="contacts" type="text" value="Contact info" /><br /> 
< select name="services"> 
< option value="1">1</option> 
< option value="2">2</option> 
< option value="3">3</option> 
< option id="4" value="Other">4</option> 
< /select><br /> 
< textarea name="description">Description</textarea><br /> 
< /form> 

Et une question à ce sujet, quand je presse sur le numéro de l'option 4 deux fois, il apparaît 2 nouveaux champs, est-il possible comment y remédier, ce nouveau champ n'apparaît qu'une fois, après le premier clic?

Answer 1

$(function(){ 
$('#4').one('click', function() { 
    $('<input name="if4" type="text" value="other price>"').insertBefore('form textarea'); 
}); 
});