SPRY controle op select (drop down box) probleem ...
Ik wil controleren of er iets geselecteerd is in een select box ( drop down menu ) als men op de submit button klikt.
Er worden gegevens uit de Db geladen welke de drop down box vullen. Dit werkt prima.
Zodra ik op de submit button klik terwijl het veld leeg is, krijg ik netjes de melding dat ik iets moet selecteren.
Echter, als ik vervolgens iets selecteer en op de submit button klik krijg ik ook de melding dat ik iets moet selecteren.....
Hieronder de code die ik hiervoor gebruik :
EERST WORDT DE QUERY OP DE DB GEDAAN - DIT WERKT
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document</title>
<script src="../../../SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>
<link href="../../../SpryAssets/SpryValidationSelect.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form name="form" method="get" action="pagina.html">
<span id="klanten_check">
<select name="klanten" >
<option selected="selected" ></option>
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<?php
while ($row = mysql_fetch_array($result)) {
if ($row[3] == $ontvanger) {
// niet in lijst opnemen
}
?>
while ($row = mysql_fetch_array($result)) {
if ($row[3] == $ontvanger) {
// niet in lijst opnemen
}
?>
<option></option>
Code (php)
1
2
3
2
3
<?php
}
?>
}
?>
</select>
<span class="selectRequiredMsg">Selecteer een item.</span>
</span>
<br />
<input type="submit" name="SubmitForm5" value="Submit" />
</form>
<script type="text/javascript">
<!--
var klanten_check = new Spry.Widget.ValidationSelect("klanten_check", {validateOn:["blur"]});
//-->
</script>
</body>
</html>
Kan iemand mij zeggen waarom dit gebeurt ?
Bedankt !
Ik snap niet helemaal wat je bedoelt.
De gegevens die in de drop-down box komen, worden uit de Db gelezen. Dit gaat verder goed.
Hieronder een andere test pagina waarin hetzelfde gebeurt :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Spry List/Menu Validation Sample</title>
<link href="../../css/samples.css" rel="stylesheet" type="text/css" />
<link href="../../SpryAssets/SpryValidationSelect.css" rel="stylesheet" type="text/css" />
<script src="../../SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>
<style type="text/css">
.tablecontainer {
width: 600px;
clear: both;
}
.tablecontainer select {
margin-top: 7px;
}
.tablecell {
width: 33%;
float: left;
height: 67px;
}
.submitContainer {
clear: both;
}
.selectRequiredMsg1, .selectInvalidMsg1 {
display: none;
}
#validstate1.selectRequiredState .selectRequiredMsg, #validstate1.selectInvalidState .selectInvalidMsg {
display: inline;
text-align: left;
color: blue;
border: 1px solid blue;
font-size: 13px;
}
#validstate2.selectRequiredState select, #validstate2.selectInvalidState select {
background-color: #FF9F9F;
border: 1px solid red;
}
#validstate2.selectInvalidState {
color: blue;
font-size: 13px;
}
select {
margin-bottom: 5px;
}
</style>
</head>
<body>
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
include('../../includes/connection.php'); // Connect naar Db
$pagina_id = "zendingen";
// Kijken of er een opdrachtgever geselecteerd is in de box
$opdrachtgever = $_REQUEST['select1'];
if ( $opdrachtgever == "" ) {
$opdrachtgever = " ";
}
// Gegevens van alle opdrachtgever uit Db halen om box te vullen
$result = mysql_query("SELECT * FROM bedrijven ORDER BY bedrijf_naam ASC", $connection);
if (!$result) {
die("Kan geen klanten vinden : " . mysql_error());
}
?>
include('../../includes/connection.php'); // Connect naar Db
$pagina_id = "zendingen";
// Kijken of er een opdrachtgever geselecteerd is in de box
$opdrachtgever = $_REQUEST['select1'];
if ( $opdrachtgever == "" ) {
$opdrachtgever = " ";
}
// Gegevens van alle opdrachtgever uit Db halen om box te vullen
$result = mysql_query("SELECT * FROM bedrijven ORDER BY bedrijf_naam ASC", $connection);
if (!$result) {
die("Kan geen klanten vinden : " . mysql_error());
}
?>
<form id="form1" name="form1" method="post" action="">
<!-- Create the select widget and assign a unique id-->
<span id="spryselect1">
<select name="select1" id="select1">
<!-- Add items and values to the widget-->
<option value="-1" >Maak uw keuze</option>
<option selected="selected" ></option>
Code (php)
1
2
3
2
3
<?php while ($row = mysql_fetch_array($result)) {
if ($row[2] != $opdrachtgever) {
?>
if ($row[2] != $opdrachtgever) {
?>
<option></option>
Code (php)
1
2
3
4
2
3
4
<?php
}
}
?>
}
}
?>
</select>
<span class="selectRequiredMsg">Selecteer een item.</span><span class="selectInvalidMsg">Selecteer een geldig item.</span>
<!--Add an error message-->
</span>
<input type="submit" value="go" />
</form>
<!-- Initialize the Validation Select widget object-->
<script type="text/javascript">
var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1", {validateOn:["blur", "change"], invalidValue:"-1"});
</script>
</body>
Zie http://www.phphulp.nl/veel-gestelde-vragen/#bbcode en post alleen relevante code en geen compleet boekwerk.
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
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
<link href="../../SpryAssets/SpryValidationSelect.css" rel="stylesheet" type="text/css" />
<script src="../../SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>
<?php
include('../../includes/connection.php');
$pagina_id = "zendingen";
$opdrachtgever = $_REQUEST['select1'];
if ( $opdrachtgever == "" ) {
$opdrachtgever = " ";
}
$result = mysql_query("SELECT * FROM bedrijven ORDER BY bedrijf_naam ASC", $connection);
if (!$result) {
die("Kan geen klanten vinden : " . mysql_error());
}
?>
<form name="form1" method="post" action="">
<!-- Create the select widget and assign a unique id-->
<span id="spryselect1">
<select name="select1" id="select1" onchange="this.form.submit()">
<!-- Add items and values to the widget-->
<option value="-1" >Maak uw keuze</option>
<option selected="selected" ><?php echo $opdrachtgever; ?></option>
<?php while ($row = mysql_fetch_array($result)) {
if ($row[2] != $opdrachtgever) {
?>
<option><?php echo $row[2]; ?></option>
<?php
}
}
?>
</select>
<span class="selectRequiredMsg">Selecteer een item.</span><span class="selectInvalidMsg">Selecteer een geldig item.</span>
<!--Add an error message-->
</span>
<input type="submit" value="go" />
</form>
<!-- Initialize the Validation Select widget object-->
<script type="text/javascript">
var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1", {validateOn:["blur", "change"], invalidValue:"-1"});
</script>
<script src="../../SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>
<?php
include('../../includes/connection.php');
$pagina_id = "zendingen";
$opdrachtgever = $_REQUEST['select1'];
if ( $opdrachtgever == "" ) {
$opdrachtgever = " ";
}
$result = mysql_query("SELECT * FROM bedrijven ORDER BY bedrijf_naam ASC", $connection);
if (!$result) {
die("Kan geen klanten vinden : " . mysql_error());
}
?>
<form name="form1" method="post" action="">
<!-- Create the select widget and assign a unique id-->
<span id="spryselect1">
<select name="select1" id="select1" onchange="this.form.submit()">
<!-- Add items and values to the widget-->
<option value="-1" >Maak uw keuze</option>
<option selected="selected" ><?php echo $opdrachtgever; ?></option>
<?php while ($row = mysql_fetch_array($result)) {
if ($row[2] != $opdrachtgever) {
?>
<option><?php echo $row[2]; ?></option>
<?php
}
}
?>
</select>
<span class="selectRequiredMsg">Selecteer een item.</span><span class="selectInvalidMsg">Selecteer een geldig item.</span>
<!--Add an error message-->
</span>
<input type="submit" value="go" />
</form>
<!-- Initialize the Validation Select widget object-->
<script type="text/javascript">
var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1", {validateOn:["blur", "change"], invalidValue:"-1"});
</script>