Naam uit select in input zetten
Ik ben een beetje met JQeury aan het spelen.
Maar ik snap het nog niet echt...
ik wil BV klanten uit een array plaatsen in een formulier.
Uiteindelijk moet ik klanten uit de database in een formulier stoppen.
Maar ik dacht ik doe het stap voor stap.
Ik heb nu het volgende..
Maar hoe krijg ik het nou in de input
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<?php
$klanten = array(
"1" => array( "voornaam" => 'Piet',
"tussenvoegsels" => '',
"achternaam" => 'Boerenman'),
"2" => array( "voornaam" => 'Dennis',
"tussenvoegsels" => '',
"achternaam" => 'Koeman'),
"3" => array( "voornaam" => 'Klaas',
"tussenvoegsels" => 'van',
"achternaam" => 'Heiden')
);
echo '<form method="post">
<select name="klant">';
foreach ($klanten as $key => $tempone) {
echo '<option value="'.$key.'">';
foreach ($tempone as $key=>$temptwo) {
echo "$temptwo", " ";
}
echo "</option>";
}
echo '</select><br>
<table>
<tr><td><b>Voornaam</b></td><td><input type="text" name="voornaam" value="'.$voornaam.'"></td></tr>
<tr><td><b>Tussenvoegsels</b></td><td><input type="text" name="tussenvoegsels"></td></tr>
<tr><td><b>Voornaam</b></td><td><input type="text" name="achternaam"></td></tr>
</table>
';
?>
<div></div>
<script>
$("select").change(function () {
var str = "";
$("select option:selected").each(function () {
str += $(this).text() + " ";
});
$('div').text(str);
})
.change();
</script>
</body>
</html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<?php
$klanten = array(
"1" => array( "voornaam" => 'Piet',
"tussenvoegsels" => '',
"achternaam" => 'Boerenman'),
"2" => array( "voornaam" => 'Dennis',
"tussenvoegsels" => '',
"achternaam" => 'Koeman'),
"3" => array( "voornaam" => 'Klaas',
"tussenvoegsels" => 'van',
"achternaam" => 'Heiden')
);
echo '<form method="post">
<select name="klant">';
foreach ($klanten as $key => $tempone) {
echo '<option value="'.$key.'">';
foreach ($tempone as $key=>$temptwo) {
echo "$temptwo", " ";
}
echo "</option>";
}
echo '</select><br>
<table>
<tr><td><b>Voornaam</b></td><td><input type="text" name="voornaam" value="'.$voornaam.'"></td></tr>
<tr><td><b>Tussenvoegsels</b></td><td><input type="text" name="tussenvoegsels"></td></tr>
<tr><td><b>Voornaam</b></td><td><input type="text" name="achternaam"></td></tr>
</table>
';
?>
<div></div>
<script>
$("select").change(function () {
var str = "";
$("select option:selected").each(function () {
str += $(this).text() + " ";
});
$('div').text(str);
})
.change();
</script>
</body>
</html>
Voorbeeld:
http://verschoof.net/Webdesign/autotechniek/test.php
$($voornaam).text(str);
maar dat werkte niet
Gewijzigd op 07/11/2010 23:48:48 door Mitchel V