[HTML] Form in form wil niet, hoe oplossen?*

[Crazy-]

De bedoeling is dat als ik bij pulldown menu merken iets kies, dat pulldown menu type veranderd.

Probleem is dat ik een JS fout krijg waar ik niet uit kom.
heb al wat gezocht, dezelfde scripts van internet, maar het lukt me simpelweg niet...

ben zelf geen ster, maar misschien iemand een idee?

fout:

A runtime error has occured
do you wish to debug?

line 123
error: 'document.Merken.Merk' is null or not an object.

line 123 is:

<select name="Merk" onchange="JavaScript:GetType(document.Merken.Merk.options[document.Merken.Merk.selectedIndex].value);">

code:

<SCRIPT LANGUAGE=javascript>
<!--
function GetType(id)
{
    if (id!=0)
    {
        document.Merken.GetM.value = true;
        document.Merken.action ="<?php echo $_SERVER['PHP_SELF']; ?>?merk_id=" + id;
        document.Merken.method = "POST";
        document.Merken.submit();
    }
}
        
//-->
</SCRIPT>

<form name=Merken>
<select name="Merk" onchange="JavaScript:GetType(document.Merken.Merk.options[document.Merken.Merk.selectedIndex].value);">
<?php   
Database("perso_nl");

    echo '<option value="0" class="Invoer">-- Kies een merk ---</option>' . "\n";

$merk_qry = mysql_query("SELECT * FROM merken") or die(mysql_error());
$rows_merk = mysql_num_rows($merk_qry);
    if ($rows_merk > 0) {
        while ($obj = mysql_fetch_assoc($merk_qry)) {
            echo '<option value="' . $obj['merk_id'] . '" class="Invoer">' . $obj['merk'] . '</option>' . "\n";
        }
    }
?>
</select>

<select name="Type">
<?php   
Database("perso_nl");
        
    echo '<option value="0" class="Invoer">-- Kies een type ---</option>' . "\n";
    
$merk_qry = mysql_query("SELECT * FROM type WHERE merk_id = '$_GET[merk_id]'") or die(mysql_error());
$rows_merk = mysql_num_rows($merk_qry);
    if ($rows_merk > 0) {
        while ($obj = mysql_fetch_assoc($merk_qry)) {
            echo '<option value="' . $ojb['type_id'] . '" class="Invoer">' . $obj['type'] . '</option>' . "\n";
        }
    }
?>
</select>
</form>

[Bosmonster]

Aangezien het een javascript foutmelding betreft, post eens de GEGENEREERDE code

Zoals ik in een ander topic al postte.. maak eerst eens werkende clientside code en probeer deze daarna pas te genereren...

Verder maar vast een tipje van de sluier:

onchange="JavaScript:...

bij events is de javascript: toevoeging niet nodig

[ Voor 24% gewijzigd door Bosmonster op 27-06-2003 13:32 ]

[samo]

het is inderdaad een Javascript foutmelding, dus is het aan te raden daarin te gaan zoeken...
JS vanuit php lezen is nogal moeilijk, dus inderdaad, post het js deel; dat is het deel dat de foutcode geeft

[Crazy-]

hier de output:

code:

<SCRIPT LANGUAGE=javascript>
<!--
function GetType(id)
    {
        if (id!=0)
        {
            document.Merken.GetM.value = true;
            document.Merken.action ="/persosys/form.php?merk_id=" + id;
            document.Merken.method = "POST";
            document.Merken.submit();
        }
    }
        
//-->
</SCRIPT>

<!-- java zooi -->
<form action="" method="post" name="perso" id="perso">
<input name="post" type="hidden" id="post" value="ja">
<input name="uid" type="hidden" id="29" value="ja">

<form name=Merken>
<!-- Het merk -->
<select name="Merk" onchange="JavaScript:GetType(document.Merken.Merk.options[document.Merken.Merk.selectedIndex].value);">
<option value="0" class="Invoer">-- Kies een merk ---</option>
<option value="1" class="Invoer">Adly</option>
<option value="2" class="Invoer">Atala</option>
<option value="3" class="Invoer">Aprilia</option>
<option value="4" class="Invoer">Benelli</option>
<option value="5" class="Invoer">Beta</option>
<option value="6" class="Invoer">Derbi</option>
<option value="7" class="Invoer">Eton</option>
<option value="8" class="Invoer">Gilera</option>
<option value="9" class="Invoer">Honda</option>
<option value="10" class="Invoer">Hyosung</option>
<option value="11" class="Invoer">Italjet</option>
<option value="12" class="Invoer">Kymco</option>
<option value="13" class="Invoer">Malaguti</option>
<option value="14" class="Invoer">MBK</option>
<option value="15" class="Invoer">Motorhispania</option>
<option value="16" class="Invoer">Peugeot</option>
<option value="17" class="Invoer">PGO</option>
<option value="18" class="Invoer">Piaggio</option>
<option value="19" class="Invoer">Puch</option>
<option value="20" class="Invoer">Rieju</option>
<option value="21" class="Invoer">Suzuki</option>
<option value="22" class="Invoer">Sym</option>
<option value="23" class="Invoer">Tomos</option>
<option value="24" class="Invoer">TGB</option>
<option value="25" class="Invoer">Vespa</option>
<option value="26" class="Invoer">Yamaha</option>
<option value="27" class="Invoer">Anders</option>
</select>

<select name="Type">
<option value="0" class="Invoer">-- Kies een type ---</option>
</select>
<input type="hidden" name="PakT">
</form>

[Bosmonster]

Je eerste formulier (perso) wordt niet afgesloten.. redelijke kans dat ie daarom document.Merken niet herkent.

[samo]

misschien (ben niet zo goed in js) probeer eens

code:

<form name="Merken>
<!-- Het merk -->
<select name="Merk" onchange

met aanhalingstekens... wil soms nog wel eens uitmaken in mijn ervaring

maar gelukkig zijn er al andere mensen die je beter kunnen helpen...

offtopic:
*samo houd zn mond maar

[ Voor 30% gewijzigd door samo op 27-06-2003 13:36 . Reden: iets beters gezien ]

[Crazy-]

Bosmonster schreef op 27 June 2003 @ 13:35:
Je eerste formulier (perso) wordt niet afgesloten.. redelijke kans dat ie daarom document.Merken niet herkent.

sorry, vergeten te posten, maar wordt wel afgesloten

[Bosmonster]

Ok.. verder als je action en method wilt veranderen moet je ze al gedefineerd hebben in je form-tag, dus:

action="" method=""

dan werkt het bij mij prima

[Crazy-]

Bosmonster schreef op 27 June 2003 @ 13:38:
Ok.. verder als je action en method wilt veranderen moet je ze al gedefineerd hebben in je form-tag, dus:

action="" method=""

dan werkt het bij mij prima

dus: <form name="Merken" action="" method="POST"> ?

werkt niet...sorry, ben niet echt een ster in JS jammer genoeg

[samo]

kan je wel een form in een ander embedden? of heb je die afgesloten voordat je de nieuwe form opent?
kan je niet spelen met this.Merken of this.Merk.Merken? (ik weet dat die mogelijkheid bestaat, misschien kan iemand anders deze toelichten?)

[Bosmonster]

code:

<script type="text/javascript">

function GetType(id)
{
    if (id!=0)
    {
        document.Merken.GetM.value = true;
        document.Merken.action ="/persosys/form.php?merk_id=" + id;
        document.Merken.method = "POST";
        document.Merken.submit();
    }
}
</script>

<form name="Merken" action="" method="">
<!-- Het merk -->
<select name="Merk" onchange="GetType(document.Merken.Merk.options[document.Merken.Merk.selectedIndex].value)">
<option value="0" class="Invoer">-- Kies een merk ---</option>
<option value="1" class="Invoer">Adly</option>
<option value="2" class="Invoer">Atala</option>
<option value="3" class="Invoer">Aprilia</option>
....
</select>

<select name="Type">
<option value="0" class="Invoer">-- Kies een type ---</option>
</select>

<input type="hidden" name="GetM">

</form>

Heb je code wat opgeschoont.. zo werkt het prima

[Vozze]

Haal die ; even weg bij: onchange="JavaScript:GetType(document.Merken.Merk.options[document.Merken.Merk.selectedIndex].value);"

[Bosmonster]

MarkTheFOX schreef op 27 June 2003 @ 13:50:
Haal die ; even weg bij: onchange="JavaScript:GetType(document.Merken.Merk.options[document.Merken.Merk.selectedIndex].value);"

Haal liever JavaScript: weg, want die ; maakt werkelijk niks uit

In feit is die hele regel nogal nutteloos, aangezien dit alleen maar een manier is om het onder NS4 te laten werken.

Tegenwoordig kun je in selects gewoon direct this.value gebruiken, dus:

onchange="GetType(this.value)"

[ Voor 27% gewijzigd door Bosmonster op 27-06-2003 13:51 ]

[Crazy-]

k doe maar een close

probleem is dat je geen form in een form mag hebben kijken hoe ik dat op ga lossen

[Bosmonster]

CIOMrCrazy schreef op 27 June 2003 @ 13:52:
k doe maar een close

probleem is dat je geen form in een form mag hebben kijken hoe ik dat op ga lossen

Hehe.. dat klopt.. maar waarom zou je dat willen dan? Misschien kunnenw e je helpen met je oplossing

[Crazy-]

nou

het is om een soort profiel te maken

dus je hebt een compleet formulier om in te vullen en dan posten
maar 2 waardes van het formulier haal ik uit de database, waarvoor dus dit javascript....

/edit

heb ene oplossing: 2 forms onder elkaar, eerst kies je merk (change) dan gooi ik die waarde in een hidden field in het 2de form en bij type net zo

[ Voor 29% gewijzigd door Crazy- op 27-06-2003 13:57 ]

[Janoz]

JS hoort bij de buren

PW -> WG

Daarnaast is het handig om in je titel het probleem aan te geven,. en niet je gemoedstoestand

------

Voor je probleem.. Waarom moet merk in een appart form? waarom zou dat niet gewoon in het omliggende form kunnen?

[ Voor 33% gewijzigd door Janoz op 27-06-2003 14:01 ]

[Crazy-]

hm, dat is een idee 2de form weghalen..

[Crazy-]

ok close maar het werkt thnx mensen

probleem was form in een form

[Bosmonster]

We sluiten geen 'succesvolle' topics Ebt vanzelf weg.