Afficher un input de manière automatique

Bonjour,

Je cherche à générer un input de manière automatique dès qu'on a commencé à saisir une valeur dans un premier champ mais je n'arrive pas au bout :/

J'ai l'impression que mes variables check_option et check_val_previous ne sont pas prises en compte :(

Voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
Dans mon html
<div id="options"></div>
 
<script>
var id_option = 1;
var appel = 0;
addElement();
function addElement() {
    var input = $('<div class="input text"><label for="AidesConjoncturellesVentesOption'+ id_option +'Prix">Option '+ id_option +'</label><input type="text" id="AidesConjoncturellesVentesOption'+ id_option +'Prix" name="data[AidesConjoncturellesVentesOption]['+ id_option +'][prix]" class="add-option decimal" /></div>').appendTo($("#options"));
   $('.add-option').keyup(function() {
	   appel++;
	  //alert(appel);
		  //alert(option);
		if(appel==1)
		{
			var check_option = $('#AidesConjoncturellesVentesOption'+id_option+'Prix').length; //Le retour est systématiquement à 0 alors que ce n'est pas le cas
			var check_val_previous = $('#AidesConjoncturellesVentesOption'+id_option-1+'Prix').val();
			alert(check_val_previous); //Le retour est systématiquement à undifined
       		if ($(this).val() != "" && check_option==0 && check_val_previous!='') {
       		appel = 0;	
            addElement();            
        }}
 
    });
    id_option++;
}
});

Merci pour votre aide.