Odblokowywanie inputa za pomocą listy select Opcje

[jurcio6]

Witam.

Mam problem, z którym nie mogę sobie poradzić - otóż mam formularz, w którym jest kilka pól, ale skupię się tylko na trzech: lista wyboru oraz dwa text boxy. Czy istnieje możliwość, aby napisać funkcję, która spowoduje to, że gdy na liście select zostanie wybrana opcja o konkretnej nazwie/id, to wówczas odblokowane zostaną te dwa pola tekstowe (zakładając, że przy wczytywaniu strony sprawdzam, czy został wysłany formularz i czy odpowiednie pole na liście zostało zaznaczone - jeśli tak, to wtedy już przy wczytaniu strony text boxy są odblokowane, jeśli nie, to są 'disabled')? Formularz obsługuję PHP'em.

Przykład:

[HTML] pobierz, plaintext 
<form name="abc" id="abc">
<select name="select_dev">
<option id="opt1">opcja 1</option>
<option id="opt2">opcja 1</option>
<option id="opt3">podaj inny zakres</option>
</select>
<input type="text" name="tekst_1" disabled="true" />
<input type="text" name="tekst_2" disabled="true" />
 
<input type="submitt" value="wyślij" />
</form>
[HTML] pobierz, plaintext 

Gdy wybrana zostanie opcja numer 3 (onClick czy coś w tym stylu), wówczas odblokowują się pola input tekst_1 i tekst_2. Dodatkowo przy wczytywaniu strony sprawdzam, czy formularz został wysłany (to PHPem), jeśli tak, to zaznaczam odpowiednie opcje w formularzu (również PHP), natomiast Java powinna sprawdzić, czy w select jest zaznaczona opcja 3 - jeśli tak, to ma odblokować texty - taka funkcja typu eval.

Czy może mi ktoś z tym pomóc? Jakieś pomysły?

[jaworr]

[HTML] pobierz, plaintext 
$('select').change(function (){
var selected = $(this).attr("id");
if(selected == "opt3"){
$('input').removeAttr("disabled");
}
});
[HTML] pobierz, plaintext 

Coś w ten deseń, można zrobić za pomocą jQuery. Polecam dokumentacje wszystko ładnie opisane.

Jeśli chodzi o PHP to instrukcje warunkowe gdzie sprawdzasz wartości przesłane z formularza i wywołujesz HTML'a zaznaczającego odpowiednie opcje.

[kaznodzieja]

Witam!
Właśnie poszukuje takiego rozwiązania, ale zaproponowane przez jaworr mi nie działa.

[kamil4u]

Umieść kod np. na http://jsfiddle.net/

Można to równie łatwo osiągnąć bez jquery, więc jak nie chcesz używać biblioteki to napisz to dam Ci jakieś rady. Chociaż zasada jest identyczna jak tak pokazana przez ~jaworr

[jurcio6]

W zasadzie bibliotekę jQuerry i tak mam podpiętą, więc sądzę, iż będzie to najprostsze rozwiązanie. Jeśli o PHP chodzi, to mam już wszystko zrobione, tyle, że sprawdzanie opcji po wysłaniu formularza jest tu dla mnie zbędne - chodzi o zmianę wyglądu formularza dynamicznie, po wybraniu pozycji z listy przez użytkownika, więc raczej PHP na nic się tu zda.

Dzięki za propozycje, postaram się coś wymodzić, choć w JS poruszam się jeszcze po omacku..

Może ktoś ma ewentualnie jakieś gotowe propozycje?

//EDIT:
http://jsfiddle.net/K9whM/

Najprostsza rzecz nie działa.. jakby funkcja change w ogóle nie śmigała.

Ten post edytował jurcio6 5.12.2011, 11:31:22

[kaznodzieja]

Udało mi się coś takiego wymodzić i działa, oczywiście na jquery. Przepraszam za brzydki kod ale wycinałem to z działającego skryptu, przetestowałem to w takiej formie jak jest wklejone.
Jak wybierze pole inne to input stanie się aktywny, jak zmienisz pole z inne na inną wartość to input będzie nie aktywny.

[PHP] pobierz, plaintext 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <select id="czesci" class="czesci" name="czesci" >
            <option selected="selected" ></option>
            <option>aaa</option>
            <option>bbb</option>
            <option>inne</option>
        </select>
 
<input id="cos"   disabled="disabled"  />
    	<script>
    	$(".czesci").change(function () {
          var str = "";
          $(".czesci option:selected").each(function () {
                str += $(this).text();
                  if(str == "inne"){
                      $("#cos").removeAttr("disabled");
                  }else{
                      $("#cos").attr("disabled", "true");
                  }
              });
        }).change();
    	</script>
[PHP] pobierz, plaintext 

[jurcio6]

Mnie również się już udało to zrobić

http://jsfiddle.net/K9whM/5/

Brakuje mi jedynie funkcji, która sprawdza na początku, czy została wybrana dana opcja po wysłaniu formularza, ale to już zrobię sobie php'em Dzięki za pomoc.

EDIT:
Dodałem jeszcze jedną linijkę, która podczas ponownego blokowania pola przez wybranie innej opcji z listy, usuwa wpisaną wartość z inputa:
http://jsfiddle.net/K9whM/7/

Ten post edytował jurcio6 5.12.2011, 12:27:50

[by_ikar]

A ja bym to ugryzł tak: http://jsfiddle.net/K9whM/9/ lub tylko z blokowaniem inputów: http://jsfiddle.net/K9whM/10/

[jurcio6]

Myślałem już o chowaniu ich - być może jest to faktycznie lepsza metoda, bo czego nie widzi użytkownik, tego nie będzie tykał

[potreb]

Czego nie widzi użytkownik widzi użyszkodnik Więc lepiej pomyśl czy twoja metoda przy okazji będzie bezpieczna