Avatar billede remowitz Nybegynder
16. oktober 2006 - 20:57 Der er 7 kommentarer og
1 løsning

Dynmamisk opdatering af selectboxes

Hej
Er der er en måde at lave følge kode uden submitknappen, således at siden opdateres uden at man skal trykke på knappen, men opdateres når en ny select box vælges?

<body>

<form name="form" method="post" action="listbox.php">

<h4>Combo and List Box Form</h4>

<p>Combo Box<br>

<select name="select">
            <option value="Option 1" selected="true">Option 1</option>

            <option value="Option 2">Option 2</option>
            <option value="Option 3">Option 3</option>
            <option value="Option 4">Option 4</option>
          </select>

</p>


<p>List Box - Single Select<br>


<select name="listbox" size="3">
            <option value="Option 1" selected="true">Option 1</option>
            <option value="Option 2">Option 2</option>
            <option value="Option 3">Option 3</option>
            <option value="Option 4">Option 4</option>
            <option value="Option 5">Option 5</option>

          </select>

</p>


<p>List Box - Multiple Select<br>

<select name="listmultiple[]" size="3" multiple="true">
            <option value="Option 1" selected="true">Option 1</option>
            <option value="Option 2">Option 2</option>
            <option value="Option 3">Option 3</option>

            <option value="Option 4">Option 4</option>
            <option value="Option 5">Option 5</option>
          </select>


</p>


<p>

<input type="submit" name="Submit" value="Submit">
          <input type="reset" name="Reset" value="Reset">


</p>


</form>

<?php
        echo "<p>select: " . $_POST['select']."</p>\n";
        echo "<p>listbox: " . $_POST['listbox'] . "</p>\n";
        $values = $_POST['listmultiple'];
        echo "<p>listmultiple: ";
        foreach ($values as $a){
            echo $a;
        }
        echo "</p>\n";
    ?>
</body>
Avatar billede jakobdo Ekspert
16. oktober 2006 - 22:14 #1
Så skal du til at rode med ajax.
Avatar billede remowitz Nybegynder
16. oktober 2006 - 23:45 #2
Okay..
Lad mig spørge på en anden måde så :D
Er det muligt at lave en form indkøbssum ud fra valgte selectboxes der har en værdi i PHP? således at kunde kan automatisk bliver opdateret med prisen inden denne sende ordren?
tak for ovenstående svar ellers
Avatar billede roenving Novice
17. oktober 2006 - 00:19 #3
<select ... onchange="document.getElementById('mySpan').firstChild.nodeValue=this.value">
  <option value="0">The null choice</option>
  <option value="1">The first choice</option>
  <option value="2">The second choice</option>
  <option value="3">The third choice</option>
  <option value="4">The fourth choice</option>
</select>

<span id="mySpan">&nbsp;</span>

-- og du kan selvfølgelig også lave beregninger (men læg dem ud i en js-function så !-)
Avatar billede remowitz Nybegynder
17. oktober 2006 - 16:02 #4
Kan du prøve at lave et eksempel med et regnestykke?
tak
Avatar billede roenving Novice
17. oktober 2006 - 17:13 #5
<script type="text/javascript">
function calcForm(elm){
  f = elm.form;
  var a = f.sel1.value;
  var b = f.sel2.value;
  var c = f.sel3.value;
  document.getElementById("mySpan").firstChild.nodeValue = +a * +b + +c;
  //bemærk, at værdierne konverteres til tal vha. +'et !-)
}
</script>

<form>
a: <select name="sel1" onchange="calcForm(this);">
  <option value="0">The null choice</option>
  <option value="1">The first choice</option>
  <option value="2">The second choice</option>
  <option value="3">The third choice</option>
  <option value="4">The fourth choice</option>
</select><br>
b: <select name="sel2" onchange="calcForm(this);">
  <option value="0">The null choice</option>
  <option value="1">The first choice</option>
  <option value="2">The second choice</option>
  <option value="3">The third choice</option>
  <option value="4">The fourth choice</option>
</select><br>
c: <select name="sel3" onchange="calcForm(this);">
  <option value="0">The null choice</option>
  <option value="1">The first choice</option>
  <option value="2">The second choice</option>
  <option value="3">The third choice</option>
  <option value="4">The fourth choice</option>
</select><br>
</form>
Resultat af a * b + c: <span id="mySpan">&nbsp;</span>
Avatar billede remowitz Nybegynder
17. oktober 2006 - 23:17 #6
helt perfekt, hvordan giver jeg pointene?
Avatar billede roenving Novice
18. oktober 2006 - 04:15 #7
Det kan du nu, når jeg har lagt et svar !-)

Velbekomme '-)
Avatar billede roenving Novice
22. oktober 2006 - 22:06 #8
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester