autoaanvullen formulier werkt niet - Softwareontwikkeling

woensdag 7 maart 2012 10:27

Acties:

Verwijderd

Topicstarter

Beste Tweakers,

Ik heb een vraagje over onderstaande code.

Ik probeer een formulier te maken met wanneer er een selectie gemaakt wordt vanuit de selectbox, de prijs per eenheid automatisch uitgelezen wordt vanuit een accessdatabase.

Echter krijg ik voor geen enkele mogelijkheid voor elkaar dat deze zichtbaar wordt in een input veld. (in een div lukt wel).

code:

<!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>Naamloos document</title>


<script type="text/javascript">
function art_nr(str)
     {
     if (str=="")
       {
       document.getElementById("txtHint").value="";
       return;
       } 
     if (window.XMLHttpRequest)
       {// code for IE7+, Firefox, Chrome, Opera, Safari
       xmlhttp=new XMLHttpRequest();
       }
     else
       {// code for IE6, IE5
       xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
       }
     xmlhttp.onreadystatechange=function()
        {
       if (xmlhttp.readyState==4 && xmlhttp.status==200)
         {
        document.getElementById("txtHint").value=xmlhttp.responseText;
         }
       }
     xmlhttp.open("GET","art_bestelformulier_autofill.php?q="+str,true);
     xmlhttp.send();
     } 

 </script>



</head>
    <body>
        <form action="art_insert_bestelformulier.php" method="post">
            <table border="1">
                <tr>
                    <td>Datum:</td>
                    <td><input type="text" name="art_leverdatum" /></td>
                </tr>
                <tr>
                    <td>Broodsoort:</td>
                    <td>
                    <select name="art_nr" onchange="art_nr(this.value)">
                            <option value="">Maak uw keuze..</option>
                               <?php
                                    $conn=odbc_connect('odbc_db','','');
                                        if (!$conn)
                                            {exit("Connection Failed: " . $conn);} 
                        
                                    $query = "SELECT art_omschrijving, art_nr FROM artikelen_assortiment";
                                    $result = odbc_exec($conn, $query);
                                        while ($data = odbc_fetch_array($result)){                  
                                ?>
                            <option value="<?php echo $data['art_nr']; ?>"><?php echo $data['art_omschrijving']; ?></option> <?php } ?>
                    </select>
                    </td>
                </tr>
                <tr>
                    <td>Aantal:</td>
                    <td><input type="text" name="art_aantal" /></td>
                </tr>
                <tr>
                    <td>Prijs per eenheid</td>
                    <td>
                        <input id="txtHint" type="text" name="art_eenheidsprijs"  />
                    </td>
                </tr>
                <tr>
                    <td>Totaal prijs:</td>
                    <td><input type="text" name="art_totaalprijs" /></td>
                </tr>
                <tr>
                    <td align="right"><input type="reset" value="Reset" /></td>
                    <td><input type="submit" value="Bestelling Plaatsen" /></td>
                </tr>
            </table>
        </form>
    </body>
</html>

woensdag 7 maart 2012 10:32

Acties:

Verwijderd

Ga eens debuggen, zet error reporting aan, gebruik echo, var_dump om te zien welke waardes je binnen krijgt en hoe uiteindelijk je html code er uit ziet.

[edit] Je moet je functie naam en de naam van het select element even ongelijk maken aan elkaar, dan is het opgelost.

code:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>
<script type="text/javascript">
function art_nr_andere_naam(str)
{
  document.getElementById("txtHint").value=str;
} 
</script>
</head>
    <body>
        <form action="art_insert_bestelformulier.php" method="post">
            <table border="1">
                <tr>
                    <td>Broodsoort:</td>
                    <td>
                    <select name="art_nr" onchange="art_nr_andere_naam(this.value)">
                             <option value="">Maak uw keuze..</option>
                             <option value="1">test1</option>
                             <option value="2">test2</option>
                             <option value="3">test3</option>
                     </select>
                     </td>
                </tr>
                <tr>
                    <td>Prijs per eenheid</td>
                    <td>
                        <input id="txtHint" type="text" name="art_eenheidsprijs"  />
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>

[ Voor 215% gewijzigd door Verwijderd op 07-03-2012 11:02 ]

woensdag 7 maart 2012 11:01

Acties:

Verwijderd

Topicstarter

probleem is opgelost.
topic mag gesloten worden

woensdag 7 maart 2012 14:18

Acties:

Creepy

Tactical Espionage Splatterer

En je topic gaat ook dicht. Niet omdat jij een oplossing hebt, maar wel omdat je weer veel te weinig informatie geeft en inzet toont. Dat heb ik je in een recent topic van je dat dicht is gezet ook al geprobeerd uit te leggen. Goede topics blijven open, ook als het probleem is opgelost voor de topicstarter.

[ Voor 15% gewijzigd door Creepy op 07-03-2012 14:19 ]

"I had a problem, I solved it with regular expressions. Now I have two problems". That's shows a lack of appreciation for regular expressions: "I know have _star_ problems" --Kevlin Henney