Forum PHP.pl > [PHP][HTML]lista select a zdarzenie onchange

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][HTML]lista select a zdarzenie onchange

gregor81

4.08.2011, 13:00:59

Potrzebuje pomocy w zastosowaniu zdarzenia onchange w liście rozwijanej. Chciałbym aby w zależności od wyboru elementu z listy jakaś wartość była wpisywana do pola edycyjnego np. wybiorę drugą pozycję z listy to w polu2 zostanie wpisana np. wartość 2

[HTML] pobierz, plaintext 
pole1 <input type="text" name="pole1" size="10" value="<?php echo $_POST['pole1']; ?>">
<br>
pole2 <input type="text" name="pole2" size="10" value="<?php echo $_POST['pole2']; ?>">
<br>
<br>
 
<select name="lista" size="5">';
<option>pozycja1</option>
<option>pozycja2</option>
<option>pozycja3</option>
</select>
[HTML] pobierz, plaintext

buliq

4.08.2011, 13:16:53

A jakiś kod js masz?

to i to będzie pomocne.

bastard13

4.08.2011, 13:22:06

1) dodaj zdarzenie onchange do selecta: http://www.w3schools.com/jsref/event_onchange.asp
2) stwórz funkcje w JS: http://www.w3schools.com/js/js_functions.asp ,której parametrem będzie obiekt select (w wywołaniu w onchange do funkcji przekazujesz this)
3) Znajdujesz obiekt text field:
http://programming.top54u.com/post/Javascr...me-Example.aspx lub
http://www.tizag.com/javascriptT/javascrip...elementbyid.php
4) zapisujesz wartość wybraną w select do text field'a:
4.1) gdzie zapisać w textfield -> atrybut value znalezionego obiektu
4.2) jak pobrać z select -> select.options[select.selectedIndex].value

gregor81

8.08.2011, 13:18:09

ciężko mi idzie z javascriptem, 2 pierwsze punkty zrobiłem ale dalej sobie nie radze, wklejam to co mam

[HTML] pobierz, plaintext 
<html>
<head>
</head>
<body>
 
pole1 <input type="text" name="pole1" size="10" value="<?php echo $_POST['pole1']; ?>">
<br>
pole2 <input type="text" name="pole2" size="10" value="<?php echo $_POST['pole2']; ?>">
<br>
<br>
 
<select name="lista" id="id" size="5" onchange="wykonaj(this)">';
<option>pozycja1</option>
<option>pozycja2</option>
<option>pozycja3</option>
</select>
 
 
<script type="text/javascript">
 
function wykonaj(lista)
{
var lista = document.getElementById("id");
 
}
 
</script>
 
</form>
</body>
</html>
[HTML] pobierz, plaintext

w zmiennej lista mam już dany element z listy i jak teraz go wrzucić do pola tekstowego

/// edit

poradziłem sobie, nie było takie trudne.

dołożyłem w funkcji

document.testowy.pole2.value = lista.value ;

oraz <form name="testowy">

i po problemie

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.