[HTML] Submit formulier na kiezen in <select>

Pagina: 1
Acties:

  • Dark Wanderer
  • Registratie: September 2003
  • Laatst online: 11-08-2024
Hallo,

Ik zit nu al uren te kloten met met mijn formulier. Ik wil dat zodra iemand een optie kiest uit een <select> dropdownlijst, het formulier wordt gesubmit.

Dit is me script
PHP:
1
2
3
4
5
6
7
8
9
10
11
<form name='pickit' id='pickit'  method="post" action="meld_storing.php?a=stap2"> 
<select name="user" onchange="document.pickit.submit()"   >
<option value="select" >Kies Gebruiker</option>
<?PHP
include_once'../../../inc/algemeen_connect.php';
$SQL = mssql_query("SELECT ID,Voornaam,Achternaam,Voorvoegsel FROM smoel ORDER BY Voornaam");
while ($row = mssql_fetch_array($SQL)){
echo "<option  value=".$row['ID'].">".$row['Voornaam']." ".$row['Voorvoegsel']." ".$row['Achternaam']."</option>";
}
?>
</select>


Maar dit werkt gewoonweg niet. Als ik een optie kies, zie ik in internet explorer een driehoekje linksonderin de status balk, en als ik er klik krijg ik de melding

"Deze eigenschap of methode wordt niet ondersteunt door dit object."


HELP!!! :P

hand·te·ke·ning (de ~ (v.))


  • Borizz
  • Registratie: Maart 2005
  • Laatst online: 02-01 15:55
code:
1
document.forms['pickit'].submit()

of
code:
1
this.form.submit()

If I can't fix it, it ain't broken.


  • Dark Wanderer
  • Registratie: September 2003
  • Laatst online: 11-08-2024
Borizz schreef op vrijdag 25 november 2005 @ 14:38:
code:
1
document.forms['pickit'].submit()

of
code:
1
this.form.submit()
Zelfde effect, geen resultaat

hand·te·ke·ning (de ~ (v.))


  • RM-rf
  • Registratie: September 2000
  • Laatst online: 16:44

RM-rf

1 2 3 4 5 7 6 8 9

code:
1
2
<form name='pickit' method="post" action="meld_storing.php?a=stap2">  
<select name="user" onchange="document.forms['pickit'].submit()"   >


oftewel, gooi dat ID daar weg (imho), je kunt er ook voor kiezen om via document.getElementById() te werken ...
wat je nu doet met slrodige multi-interpretabele shorthand values, die 'meestalö' in msie het wel doen is een beetje vragen om bugs en problemen.
in dat geval staat er al een andere fout op de pagina, die het uitvoeren van javascripts kennelijk blokkeert, de betreffende code is wel goed en zeker this-form.submit() kan zelfs in de meest moeilijke gevallen eigenlijk niet misgaan..

Kun je misschien de hele HTML-code voor dat form posten? PHP-code is hier niet interessant, het gaat om de 'output-code, die in je browser verwerkt wordt, waar je eventueel bugs in zult kunnen terugvinden

[ Voor 48% gewijzigd door RM-rf op 25-11-2005 14:43 ]

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen


  • Borizz
  • Registratie: Maart 2005
  • Laatst online: 02-01 15:55
Sluit je je form tag wel af? Probeer eens een submit button in je form te stoppen en kijk eens of eht dan wel werkt. Die code die ik gaf werkt bij goed gebruik 100% zeker .

If I can't fix it, it ain't broken.


  • Dark Wanderer
  • Registratie: September 2003
  • Laatst online: 11-08-2024
Het is dat je om vroeg :P

Hier gaat ie dan


De output van de pagina:P
Zoals je ziet heb ik ook een submit knop, en werkt uitstekend
code:
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
52
53
54
55
56
57
58
59
60
<HTML>
    <HEAD>
        <TITLE> Systeem beheer Database </TITLE>
         <link rel="stylesheet" href="/css/nieuws.css" type="text/css">
    </HEAD>
    <BODY>
        <div align="center">
            <h3><font face="Arial, Helvetica, sans-serif">Meld Storing </font>
                <hr>
            </h3> 
        </div>
                    <div align="center">
                Heb je een storing aan je pc of ipaq,
                of gewoon iets waar je niet uitkomt<br>
                Vul dan onderstaand formulier <i>helemaal</i> in en je word zo snel mogelijk geholpen<br>
                
                <form name='pickit'  method="post" action="meld_storing.php?a=stap2"> 
                    <table width="80%" bgcolor="#CCCCCC" border="1" bordercolor="#000000">
                        <tr>
                            <td height="40" valign="top" bordercolor="#CCCCCC">
                            <strong>Storing's Formulier</strong><br>
                                <center><i><span class="melding">*</span> betekend verplicht veld!</i></center>
                            </td>
                        </tr>
                        <tr>
                            <td bgcolor="#DFDFDF" width="100%">
                                <table width="100%" bgcolor="#DFDFDF" border="0">
                                    <tr>
                                        <td width="250" bgcolor="#CCCCCC">
                                            Datum:
                                        </td>
                                        <td width="400" bgcolor="#DFDFDF">
                                            &nbsp;&nbsp;&nbsp;<input type="text" name="test" value="25/11/2005 | 14:45" readonly style="color:Gray">
                                        </td>           
                                    </tr>
                                    <tr>
                                        <td width="250" bgcolor="#CCCCCC">
                                            <span class="melding">*</span>Gebruiker:
                                        </td>
                                        <td width="400" bgcolor="#DFDFDF">
                                            &nbsp;&nbsp;
                                            <select name="user" onchange="document.forms['pickit'].submit()"   >
                                                <option value="select" >Kies Gebruiker</option>
            <option value="gebruikerid" >Rond de 300 options voor gebruikers</option>
            </td>           
                                    </tr>
                                    
                                    <tr>
                                        <td colspan="2" bgcolor="#CCCCCC" align="center">
                                            <input type="submit" name="submit" value="Verder">
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
                </BODY>
</HTML>

[ Voor 56% gewijzigd door Dark Wanderer op 25-11-2005 14:47 ]

hand·te·ke·ning (de ~ (v.))


  • P_de_B
  • Registratie: Juli 2003
  • Niet online
Ik zie niet waarom je form niet gesubmit wordt, maar ik heb toch een 'usability' opmerking. Denk je dat het handig is een gebruiker te laten kiezen uit een select met 300 opties? Ik denk dat je daar beter iets anders kunt verzinnen (bijvoorbeeld gewoon een textbox, of eerst de eerste letter kiezen).

Oops! Google Chrome could not find www.rijks%20museum.nl


  • Dark Wanderer
  • Registratie: September 2003
  • Laatst online: 11-08-2024
P_de_B schreef op vrijdag 25 november 2005 @ 14:53:
Ik zie niet waarom je form niet gesubmit wordt, maar ik heb toch een 'usability' opmerking. Denk je dat het handig is een gebruiker te laten kiezen uit een select met 300 opties? Ik denk dat je daar beter iets anders kunt verzinnen (bijvoorbeeld gewoon een textbox, of eerst de eerste letter kiezen).
Als je de select box opent, en op een letter drukt, heb je de eerste letter al gekozen. Enne de wens van mijn klant wou het zo hebben, dus maak ik het zo

Toch bedankt voor het meedenken

hand·te·ke·ning (de ~ (v.))


Verwijderd

Je hebt het dus al vervangen door this.form.submit()? Krijg je dan een javascripterror of gebeurt er helemaal niets? Ik vermoed het eerste, maar het ziet er op het eerste gezicht goed uit.

Ik krijg in IE een melding m.b.t. activex??? 8)7

Ik zie het al, je sluit die select niet af.... Maaaaar dan werkt het nog niet in FF...

Als ik alert('test') in de onchange zet, doet ie dat wel. Zit dus iets fout met je form-definitie.

[ Voor 44% gewijzigd door Verwijderd op 25-11-2005 15:02 ]


  • Dark Wanderer
  • Registratie: September 2003
  • Laatst online: 11-08-2024
Verwijderd schreef op vrijdag 25 november 2005 @ 14:58:
Je hebt het dus al vervangen door this.form.submit()? Krijg je dan een javascripterror of gebeurt er helemaal niets? Ik vermoed het eerste, maar het ziet er op het eerste gezicht goed uit.

Ik krijg in IE een melding m.b.t. activex??? 8)7

Ik zie het al, je sluit die select niet af.... Maaaaar dan werkt het nog niet in FF...
Ik krijg de eerder genoemde foutmelding en er gebeurd dus niets

hand·te·ke·ning (de ~ (v.))


Verwijderd

Haal die name="submit" eens weg bij je submit button... Of verander het in iets anders...

  • RM-rf
  • Registratie: September 2000
  • Laatst online: 16:44

RM-rf

1 2 3 4 5 7 6 8 9

Verwijderd schreef op vrijdag 25 november 2005 @ 15:06:
Haal die name="submit" eens weg bij je submit button... Of verander het in iets anders...
klopt, de submitbutton mag niet ook de naam 'submit' hebben..

this.form.submit is in de sloppy naming interpretatie dan natuurlijk gelijk aan het aanroepen van de submit() method van het formulier én retoruneert echter eerder het element met de name 'submit' ...

[ Voor 7% gewijzigd door RM-rf op 25-11-2005 15:10 ]

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen


  • Dark Wanderer
  • Registratie: September 2003
  • Laatst online: 11-08-2024
Het kwam door de naam van die submit button, nu werkt t :D

hand·te·ke·ning (de ~ (v.))


Verwijderd

en sluit ook even je select af
Pagina: 1