[Windmark]

#programowanie #pomocy #javascript

Mam takiego inputa (automat wygenerowany w Yii):

<?php echo $form->textField($model,'pesel',array('size'=>45, 'onKeyUp'=>"ParsePesel();")); ?>

Podpatrzyłem go w firebugu, i ma on id "Participantpesel".

Chcę teraz wyciągnąć wartość z tego textfielda w metodzie "ParsePesel()".

Próbowałem:

document.getElementById("Participant

pesel").value;

$('#participantpesel').val();

Pierwszy zwraca pusty ciąg, drugi "undefined".

Gdy dodam do textfielda inne id, to działa, ale wtedy nie chodzi model zapisu do bazy.

W jaki sposób inaczej wyciągnąć wartość z tego textfielda?

Pewnie rozwiązanie jest proste, tylko ja upośledzony.

[kowad]

@Windmark:

1) ustaw sobie odpowiednie id w Yii, w tym kodzie nie ma nic o id = "Participant_pesel", więc albo to nie to pole, albo coś namieszane jest dalej w js,

2) możesz w jquery wyciągnąć po name (a to jest zdaje sie to co w $model)

https://api.jquery.com/attribute-equals-selector/

[marrbacca]

korzystając z $() rozumiem, że masz jQuery dodane?

I że "$('#participantpesel').val();" to błąd, bo skoro id to "Participantpesel" to jquery powinno wyglądać: $('#participantpesel').val();

[marrbacca]

@kowad: 1) ustaw sobie odpowiednie id w Yii, w tym kodzie nie ma nic o id = "Participantpesel", więc albo to nie to pole, albo coś namieszane jest dalej w js,

Ale Yii standardowe jako id pola daje IdFormFieldname. Więc jeśli formularz ma nazwę Participant, to id pola Participant_pesel jest jak najbardziej możliwe

[marrbacca]

@marrbacca: gupi wypok, zamienia podkreślenia na pochylenie. Jak to zmienić?

[Windmark]

@marrbacca: tak, wiem o co Ci chodzi, dobrze się odwołuję.

@kowad: Yii z automatu generuje id wszystkim elementom.

W tym co podałeś, to akurat jest sposób na wyszukiwanie po value. A ja chcę value odczytać.

[kowad]

@marrbacca: a nie wiedziałem o id, w sumie w Yii się jeszcze nie bawiłem,

@Windmark: sprawdź input[name="value"] gdzie value to name pola

[marrbacca]

@Windmark: a próbowałeś wrzucić wywołanie funkcji nie w onKeyUp, a raczej skorzystać z jQuery i zrobić $('#participant_pesel').keyup(function() { console.log($(this).val()); });

[marrbacca]

@Windmark: o coś w stylu: http://jsfiddle.net/CbmrP/

[Windmark]

@marrbacca: fajny sposób, dzięki.

Ale nie działa w moim przykładzie. Może to przez to, że ten element jest na bootstrapowym modalu wywoływanym ajaxem?

[marrbacca]

@Windmark: tak, to dlatego ;). Jeżeli pobierasz element jako html w wyniku operacji ajax to javascript nie wie do czego dołączyć zdarzenie onkeyup. W teorii użycie atrybutu onKeyUp powinno zadziałać, ale jeśli nie działa to są 2 sposoby na obejście tego:

1. Oprócz samego elementu wysyłasz razem z nim kod javascript, a w opcjach ajaxa ustawiasz wykonywanie javascriptu po załadowaniu

2. Wykorzystujesz delegację eventów jQuery (https://api.jquery.com/on/) i piszesz coś

[Windmark]

@marrbacca: Dzięki za szczegółowe wyjaśnienie. Poczytam więcej o delegacji zdarzeń jQuery, bo do tej pory nie miałem pojęcia, że coś takiego istnieje ;)