Forum PHP.pl > [JavaScript]Wartość z select do text

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Wartość z select do text - formularz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Mike122

10.05.2009, 17:35:18

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
	<title>Przykład dokumentu zgodnego z XHTML 1.0 Strict</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<style type="text/css">
	<!--
		#q0 {
			display: block;
		}
 
		#q1,#q2,#q3,#q4 {
			display: none;
		}
	-->
	</style>
 
	<script type="text/javascript">
	<!--
		function next(co) {
			var ile = document.getElementById("wybor").options.length;
			for(var i=1; i<=ile; i++) {
			var ktora = "q"+i;
				if(ktora == co) {
					document.getElementById(ktora).style.display = "block";
				}else if(ktora != co){
					document.getElementById(ktora).style.display = "none";
				}
			}
		}
	-->
	</script>
</head>
<body>
	<p>
 
		<select name="wybor" class="textbox" id="wybor" onChange="next(this.value);">
			<option value="q0" selected="selected">Wybierz</option>
			<option value="q1">Pierwsza</option>
			<option value="q2">Druga</option>
			<option value="q3">Trzecia</option>
			<option value="q4">Czwarta</option>
		</select>
 
		<div id="q1">
		<select class="textbox" name="q1">
			<option value="10">0</option>
			<option value="11">1</option>
		</select>
 
		</div>
 
		<div id="q2">
		<select class="textbox" name="q2">
			<option value="20">0</option>
			<option value="22">2</option>
		</select>
		</div>
 
		<div id="q3">
		<select class="textbox" name="q3">
			<option value="31">1</option>
 
			<option value="36">6</option>
		</select>
		</div>
 
		<div id="q4">
		<select class="textbox" name="q4">
			<option value="45">5</option>
			<option value="47">7</option>
		</select>
		</div>
		<br />
		ID:
		<input type="text" maxlength="20" name="tu_wpisz" id="wu_wpisz" />
	</p>
</body>
</html>
[HTML] pobierz, plaintext

Otóż pisze taki skrypt i teraz chcę ze gdy np. wybiorę Trzecia>6 to w polu ID (tu_wpisz) pokaże mi się automatycznie wartość 36 proszę o pomoc jak to załatwić w łatwy sposób.

k_@_m_i_l

10.05.2009, 18:22:58

Użyj biblioteki jQuery.Przy jej zastosowaniu będzie to tak wyglądało :

Kod

$('document').ready(function()
{
       $('select[name="wybor"]').change(function()
    {
       $('input:text[name="tu_wpisz"]').val($(this).val());
    });
});

Pisane na szybko,ale błędów raczej nie powinno być

edit: a jednak sie wkradł mały błąd,ale już poprawione i przetestowane:)

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.