Forum PHP.pl > [HTML][PHP]Dodatkowe pole formularza po wybraniu jednej opcji z innego formularza.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][PHP]Dodatkowe pole formularza po wybraniu jednej opcji z innego formularza.

NickOver

31.03.2014, 06:05:46

Siemka.
Potrzebuję jakąś magiczną sztuczke która po wybraniu w jednym formularzu wartości "inne" pokaże dodatkową komórke, bez przeładowania strony. Jest wogóle coś takiego możliwe? Jeśli jest to jakąś podpowiedz poprosze jak się za to zabrać

ghost1511

31.03.2014, 07:05:46

Jest możliwe. Musisz w Javascript obsłużyć zdarzenie zaznaczenia checkboxa (czy innego pola) i dodać do formularza pole tekstowe.

NickOver

31.03.2014, 07:22:04

Właśnie w tym problem że to nie będzie checkbox tylko select. Wystarczy tam dac if'a $_POST['jezyk']=inne czy trzeba bardziej kombinowac?

Turson

31.03.2014, 07:43:49

java script: onchange

NickOver

31.03.2014, 07:55:07

[PHP] pobierz, plaintext 
java script: onchange
[PHP] pobierz, plaintext

jak znam angielski odnosi sie tylko do zmiany, a mi chodzi aby to się pojawiało tylko przy wartosci "inne" da radę to zrobić?

Turson

31.03.2014, 07:57:15

No tak, ale możesz wykryć jaka opcja jest wybrana i jeżeli wartość=="inne" to pokażesz dodatkowe pole

NickOver

31.03.2014, 09:05:15

Turson a chciało by Ci się napisać coś takiego? Niestety w js nie pisałem nic, w google jakoś mało o tym pisze, a Tobie pewnie zajmie to pół minutki

Z góry dzięki wielkie

Turson

31.03.2014, 09:11:28

http://jsfiddle.net/nkzfL/

NickOver

31.03.2014, 12:41:16

Niestety coś nie działa ;( Mogółby ktoś spojrzeć?

[PHP] pobierz, plaintext 
<html>
<head>
<script
type="text/javascript">
$(document).ready(function(){
	$("#a").on('change', function(){
		if($(this).val()=="inne")
			$("#inne").show();
		else
			$("#inne").hide();
	})
})
</script>
</head>
</html>
<?php
session_start();
include ('db.php');
$a= $_SESSION['id'];
$select=mysql_query("SELECT * FROM lang WHERE kto='$a'");
echo '<table>';
while($r = mysql_fetch_array($select))
{
echo '<tr><td>'.$r["jezyk"].'';
echo '</td><td>'.$r["poziom"].'';
echo '</td></tr>';
}
echo '</table>';
echo '<form action="lang.php" method="POST">
      <select id="a" type="text" name="lang">
      <option>opcja 1</option>
      <option>inne</option>
      </select>
      <input name="lan" id="inne" style="display:none"><br>
      <select type="text" name="lvl">
      <option>podstawowy</option>
      <option>średni</option>
      <option>zaawansowany</option>
      </select>
      <input type="submit" name="ok" value="Wyślij!">
      </form>';
      if(isset($_POST['ok']))
     {
     $lang = trim($_POST['lang']);
     $lvl = trim($_POST['lvl']);
     $lan = trim($_POST['lan']);
     if(isset ($lan))
     {
     $lang = $lan;
     }
     $query = "INSERT INTO `lang` (`jezyk`, `poziom`, `kto`) VALUES ('$lang', '$lvl', '$a')";
     if(mysql_query($query))
     {
     echo 'Dodane!!';
     header("Location: lang.php");
     }
     else echo 'Wystąpił błąd';
     }
     ?>
[PHP] pobierz, plaintext

Turson

31.03.2014, 12:43:40

Do <head> dokumentu musisz dołączyć bibliotekę jquery

b4rt3kk

31.03.2014, 12:49:01

Brakuje też dla option atrybutu value, czyli:

[HTML] pobierz, plaintext 
<option value="inne">inne</option>
[HTML] pobierz, plaintext

NickOver

31.03.2014, 12:55:05

Dzięki wielkie

Jeszcze jedno i już chyba ostatnie pytanie. Gdy wybieram inne i coś wpisuję działa, przesyła się do bazy jako zmienna $lang,
lecz gdy to dodatkowe pole jest puste nie wysyła mi nic do bazy danych (znaczy wysyła, ale zamienia zmienna $lang na zmienna $lan, lecz ta zamiana miała nastąpić tylko w przypadku jeśli $lan nie jest puste) Gdzie popełniłem błąd?

b4rt3kk

31.03.2014, 13:00:49

W warunku isset, bo zmienna zostaje każdorazowo utworzona, w tej linii:

[PHP] pobierz, plaintext 
$lan = trim($_POST['lan']);
[PHP] pobierz, plaintext

I nie ma znaczenia, to że jest pusta, bo sprawdzasz jedynie czy istnieje. Zmień isset na empty.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.