[ZF][ZendFramework]Zend Form + jQuery problem z niektorymi polami Opcje

[Skyline]

Witam

Mam problem z wypelnieniem pola typu select (wygenerowanego przez zend_form) za pomoca jQuery.

Jesli mam element typu textarea:

[PHP] pobierz, plaintext 
$this->addElement('textarea', 'address', array(
			'label'    => 'Adres:',
			'required' => true,
			'filters'  => array('StringTrim')
		));
[PHP] pobierz, plaintext 

Wyglądający w html'u tak:

[HTML] pobierz, plaintext 
<dt id="address-label">
      <label for="address" class="required">Adres:</label>
</dt>
<dd id="address-element">
      <textarea name="address" id="address" rows="24" cols="80"></textarea>
</dd>
[HTML] pobierz, plaintext 

To spokojnie moge go wypelnic treścią za pomocą jQuery:

[PHP] pobierz, plaintext 
$('#address').html('Tresc ktora pojawi sie w textarea');
[PHP] pobierz, plaintext 

Natomiast nie moge wypelnic elementu:

[PHP] pobierz, plaintext 
$company = $this->createElement('select', 'company', array('label' => 'Firma:'));
$company->setRequired(false);
$company->addMultiOption('0', '-- wybierz --');
$this->addElement($company);
[PHP] pobierz, plaintext 

kodem:

[PHP] pobierz, plaintext 
$('#company').html('<option value="1" label="1">Pierwsza firma</option>');
[PHP] pobierz, plaintext 

Natomiast jesli recznie w pliku szablonu wpisze kod ktory generuje zend form dla elementu select (czyli sam sobie recznie takiego selecta utworze) to moge go wypelnic za pomoca tej skladni jQuery.

Czy ktos z was jest w stanie okreslic, gdzie lezy problem?

[batman]

Pokaż źródło wygenerowanego select-a.
Spróbuj użyć funkcji append w jQuery do dodania opcji.

[Skyline]

[PHP] pobierz, plaintext 
<dt id="company-label">
	<label for="company" class="required">Firma:</label>
</dt>
<dd id="company-element">
	<select id="company"></select>
</dd>
[PHP] pobierz, plaintext 

Jak wkleje to recznie w plik widoku to dziala, jak generowane przez zend form <?= $this->form->company; ?> to nie działa.

Ten post edytował Skyline 27.10.2009, 15:32:00

[batman]

Sprawdziłeś, czy działa append? Jeśli nie, to sprawdź.
Następnie sprawdź takie coś:

[JAVASCRIPT] pobierz, plaintext 
alert($("#company").length);
[JAVASCRIPT] pobierz, plaintext 

a na koniec sprawdź, czy nie masz nic w konsoli błędów.

[Skyline]

[PHP] pobierz, plaintext 
alert($("#company").length);
[PHP] pobierz, plaintext 

wyswietla 0, append nie dziala :/

[batman]

Skoro wyświetla 0, to znaczy, że nie ma takiego elementu. Sprawdź czy nie masz jakichś błędów w konsoli oraz czy wykonujesz kod javascript po wyświetleniu select-a lub w zdarzeniu ready.

[Skyline]

Bledow w konsoli nie ma. Dodawanie options odbywa sie po wyswietleniu formularza, za pomoca zdarzenia onkeyup przy jednym z pol formularza.

[seth-kk]

pokaz calosc - wtedy bedziemy mogli znalezc blad zamiast zgadywac gdzie moze byc

[Skyline]

Kod php formularza:

[PHP] pobierz, plaintext 
class Infolinia_Form_ClientAdd extends Zend_Form
{	
	public function __construct() 
	{
              parent::__construct();
	      $this->init();
        }
 
        public function init()
       {
       	      $this->setMethod('post');
    	      $this->setAttrib('id', 'AddForm');
    	      $this->addElementPrefixPath('BB_Validate', 'BB/Validate/', 'validate');
 
              $this->addElement('text', 'name', array(
			'label'      => 'Imię:',
			'required'   => true,
			'filters'    => array('StringTrim'),
	       ));
 
	       $this->addElement('text', 'surname', array(
			'label'    => 'Nazwisko:',
			'required' => true,
			'filters'  => array('StringTrim'),
			'attribs'  => array('onkeyup' => 'lookup();')
	       ));
 
	       $this->addElement('text', 'companyname', array(
			'label'    => 'Nazwa firmy:',
			'required' => false,
			'filters'  => array('StringTrim'),
			'attribs'  => array('onkeyup' => 'lookupCompany();')
		));
 
		$company = $this->createElement('select', 'company', array('label' => 'Firma:'));
        	$company->setRequired(false);
    	        $company->addMultiOption('0', '-- wybierz --');
                $this->addElement($company);
 
                $this->addElement('submit', 'submit', array(
                       'ignore'   => true,
                       'label'    => 'Dalej',
                ));
    }
}
[PHP] pobierz, plaintext 

Wygenerowany kod formularza wygląda tak:

[HTML] pobierz, plaintext 
<form id="LoginForm" enctype="application/x-www-form-urlencoded" method="post" action="">
<dl class="zend_form">
      <dt id="companyname-label">
            <label for="companyname" class="optional">Nazwa firmy:</label>
      </dt>
      <dd id="companyname-element">
            <input type="text" name="companyname" id="companyname" value="" onkeyup="lookupCompany();" />
      </dd>			
      <dt id="company-label">
            <label for="company" class="optional">Firma:</label>
      </dt>
      <dd id="company-element">
            <select name="company" id="company">
               <option value="0" label="-- wybierz --">-- wybierz --</option>
            </select>
      </dd>			
      <dt id="name-label">
            <label for="name" class="required">Imię:</label>
      </dt>
      <dd id="name-element">
            <input type="text" name="name" id="name" value="" />
      </dd>			
      <dt id="surname-label">
            <label for="surname" class="required">Nazwisko:</label>
      </dt>
      <dd id="surname-element">
            <input type="text" name="surname" id="surname" value="" onkeyup="lookup();" />
      </dd>			
      <dt id="submit-label">&nbsp;</dt>
      <dd id="submit-element">
            <input type="submit" name="submit" id="submit" value="Dalej" />
      </dd>		
</dl>
</form>
 
[HTML] pobierz, plaintext 

Funkcja odpowiedzialna za dodanie <options>:

[HTML] pobierz, plaintext 
function lookupCompany() 
{
	$('#company').html('<option value="1" label="1">Pierwsza firma</option>');
} // lookup
[HTML] pobierz, plaintext 

[batman]

Na początek wywal z Twojej klasy to:

[PHP] pobierz, plaintext 
public function __construct()
{
	parent::__construct();
	$this->init();
}
[PHP] pobierz, plaintext 

Powinno pomóc.

[Skyline]

Nic to nie zmienia...

[batman]

Jeśli to nie pomogło, to nie wiem gdzie może być problem. Wrzuć stronę na jakiś hosting, by można było zobaczyć to na żywo.

[xajart]

Może przeprowadz sobie wstępną diagnostykę, na początek podgląd drzewa DOM. Potem za pomocą alertu wyświetlić wartość jaka zostaje wybrana z selecta. Choćby po to by sprawdzić czy poprawnie się do niego odwołujesz. A potem wprowadz nową wartość do selecta i sprawdz na drzewku DOM co się dzieje. 

poza tym pisząc w ten sposób:

Kod

$('#company').html('<option value="1" label="1">Pierwsza firma</option>');

zastępujesz już istniejący wpis o wartości 0. 
jak kolega wcześniej pisał należy użyć append by dodać kolejną:

Kod

$('#company').append('<option value="1" label="1">Pierwsza firma</option>');

Na czystym HTML + JS to działą bez problemu, zaś na kodzie frameworka który masz podany wyżej nie sprawdzałem - bo teraz nia mam na to czasu. Może wieczorem jak wróce to sprawdze. 

Sprawdz sobie skrypt pod kątem identyfikatorów oraz pod katem innych plików JS czy nie ma jakiś konfliktów.