[PHP i JavaScript] Podmienianie danych w formularzu Opcje

[Rinkachi]

Witam serdecznie wszystkich.
Budując prowizorycznego CMSa chciałbym zrobić formularz w którym można zmieniać dane, które już istniejąc w bazie danych. Wpadłem na pomysł połączenia PHP i JavaScript w taki sposób, że po wybraniu z pola SELECT odpowiedniego tematu ładuje się do pola TEXTAREA i TEXT tytuł tego tematu oraz jego zawartość (w sensie treść), jednak jako że jestem początkującym to mój sposób oczywiście nie wypalił Czy mógłby mi ktoś doradzić w jaki sposób to zrobić? Bo raczej jest to możliwe, prawda?

W skrócie próbowałem stworzyć funkcję w JS, gdzie gdy pole SELECT jest wybrane to zmienia się zawartość pól TEXTAREA i TEXT właśnie za pomocą JS, natomiast samą zawartość tych pól dostarcza PHP prosto z wcześniej wykonanego skryptu PHP, gdzie zostają pobrane wszystkie potrzebne dane. Zapomniałem dodać, że pole SELECT jest zrobione za pomocą PHP, gdyż każde <OPTION> zostaje wybrane z bazy danych z wartością TEMAT i ID, które jest kluczem głównym i zarówno wartością VALUE w <OPTION>. Nie wiem czy to zrobiłem prawidło, ale cóż, na taki pomysł wpadłem.

Proszę o jakąś radę, może moja koncepcja jest nieprawidłowa albo coś.

Z góry dziękuje i pozdrawiam.

PS. Jeśli w moim opisie jest coś niejasnego chętnie spróbuje to sprecyzować

[robertpiaty]

Nie wiem czy Cię dobrze zrozumiałem więc jakby coś to mnie popraw. Poniżej jak to można zrobić za pomocą jQuery.

[HTML] pobierz, plaintext 
<script>
$(select).on('change',function(){
$(text).val('tutaj treść co chcesz wstawić');
$(textarea).val('tutaj treść do textarea');
});
</script>
[HTML] pobierz, plaintext 

Musisz wstawić odpowiednie selektory zamiast select, text, textarea, oraz pobrać treść jaką chcesz wstawić do formularza i podmienić to co ja wpisałem w val().

[Rinkachi]

Dziękuje za odpowiedź.

Myślałem od jQuery, tylko nie wiedziałem jak to ugryźć, pokombinuje i w edycji odpowiem czy się udało

Tylko może jeszcze mała podpowiedź jak wkręcić w jQuery odpowienie wartości. Tzn pasujące do wybranego TEMATU za pomocą SELECTa ?

Jeszcze może przy okazji małe pytanie odnośnie, w jaki sposób zrobić, by formularz był przetwarzany na tej stronie na której się znajduję? Trochę amatorskie pytanie, no ale próbowałem i coś nie wychodziło o ile to możliwe.

Ten post edytował Rinkachi 23.05.2015, 14:28:00

[robertpiaty]

Aby pobrać odpowiednie wartości masz 2 możliwości. Pierwsza to strzelić ajaxem do PHP i pobrać JSON z danymi dla konkretnej wartości selecta (http://api.jquery.com/jquery.ajax/), a druga to przy generowaniu strony od razu wygenerować obiekt JS z danymi.

[HTML] pobierz, plaintext 
<select id="wybierz">
<option value="var1">aaaaa</option>
<option value="var2">bbbbb</option>
</select>
<script>
var data = {
    var1:{
        title: 'tytul1',
        content: 'tresc1'
   },
   var2:{
        title: 'tytul2',
        content: 'tresc2'
   }
};
$('#wybierz').on('change', function(){
    var value = $(this).val();
    $(text).val(data[value].title);
    $(textarea).val(data[value].content);
});
</script>
[HTML] pobierz, plaintext 

Ten post edytował robertpiaty 23.05.2015, 14:45:36

[salfunglandyare]

po co od razu ajax i json... do takich rzeczy...

[HTML] pobierz, plaintext 
<select id="wybierz">
  <option value="costam1" data-text="jakis tekst" data-textarea="jakis tekst dla textarea">aaa1</option>
  <option value="costam2" data-text="jakis tekst2" data-textarea="jakis tekst dla textarea2">aaa2</option>
  <option value="costam3" data-text="jakis tekst3" data-textarea="jakis tekst dla textarea3">aaa3</option>
  ...
</select>
[HTML] pobierz, plaintext 

i póżniej:

[HTML] pobierz, plaintext 
<script>
  jQuery('#wybierz').bind('change',function(e){
    var option = jQuery(':selected',jQuery(this));
    jQuery(text).val(option.data('text'));
    jQuery(textarea).val(option.data('textarea'));
  });
</script>
[HTML] pobierz, plaintext