Pobieranie danych z formularza i dynamiczne dodawanie pól Opcje

[Amakesh]

Witam! Mam formularz, w którym potrzebuję dodać kilka pól. Liczba dodanych pól ma zależeć od liczby jaką podał użytkownik np. jeśli liczba dzieci = 3, zostaną dodane 3 pola do wpisania wieku i 3 do podania ceny za pobyt w obiekcie noclegowym. Udało mi się napisać funkcję, która dodaje określoną ilość pól, ale działa tylko na pojedynczej wartości przypisanej "na sztywno". Próbuję więc dodatkowo napisać funkcję, która będzie mi na bieżąco(bez konieczności użycia buttona!) pobierała i wyświetlała dane z pierwszego pola - liczba dzieci. Niestety wyświetla tylko domyślną wartość ustawioną w polu - 0. Kiedy wpiszę cokolwiek innego, dalej wyświetla domyślną wartość oraz błąd w konsoli Firefox'a:

TypeError: $(...).val is not a function


Proszę o pomoc

html

[HTML] pobierz, plaintext 
<div id="mres-form16">Liczba dzieci:<input type="text" id="countc" name="countc" size="60" placeholder = "0" value="0" ></input></div>
    <div id="mres-form17"></div> //wiek dziecka 1..n
    <div id="mres-form18"></div> //wiek
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
<script> 
 
$('#countc').keyup(function(){
var newValue = $(this).val();
    $('#mres-form18').text(newValue);
    })
.keyup();    
 
 
    var startingNo = $('#countc').val();
var $node = "";
for(varCount=1;varCount<=startingNo;varCount++){
    var displayCount = varCount;
    $node += '<p><label for="var'+displayCount+'">Variable '+displayCount+': </label><input type="text" name="var'+displayCount+'" id="var'+displayCount+'"></p>';
 
}    
$('#mres-form18').prepend($node);    
 
</script>
[JAVASCRIPT] pobierz, plaintext 

Korzystałam z tego :https://api.jquery.com/val/ (Find the value of an input box.)
Na powyższej stronie jest demo, gdzie taki kod działa jak powinien.

Ten post edytował Amakesh 10.04.2016, 14:02:48

[Arcioch]

Mniej więcej tak:
https://jsfiddle.net/gt5sLwrn/2/

Jeszcze wyjaśnienie czemu nie działał (IMG:style_emoticons/default/smile.gif) W keyup powinieneś generować Twoje inputy bo inaczej Twoja funkcja się odpalała tylko po załadowaniu drzewa DOM. Teraz inicjuje się po zmianie wartości w polu input (IMG:style_emoticons/default/smile.gif)

Ten post edytował Arcioch 10.04.2016, 14:19:04