Jak wypisac wartości z lewj kolumny w prawej kolumnie?

0

Mam taki oto kod (załączyłem w html css'a żeby było łatwiej) chgciałbym, aby to, co zaznaczę i wpisze z lewej kolumny pojawiło sie w prawej,
nie mam zielonego pojęcia jak to zrobić, przejrzałem już chyba ze 100 for.
przosze o pomoc!

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>strona</title>

    <style>
      #caly_blok {
        font-size:44px;
      }

      #naglowek {
        background-color:gold;
        text-align:center;
      }

      #lewy {
        float:left;
        background-color:#DDD;
        min-height:750px;
        width:50%;
      }

      #prawy {
        float:left;
        background-color:#EEE;
        min-height:750px;
        width:50%;
      }

      #stopka {
        clear:both;
        background-color:gold;
        text-align:center;
      }

      p {
        margin:0;
        padding:115px;
      }
    </style>

  </head>

<body>

  <div id="caly_blok">
    <div id="naglowek">nagłówek strony</div>

    <div id="lewy">
    wybierz produkt i jego ilość
  <form action="...">
    <select name="nazwa">
        <option>monitor</option>
        <option>komputer</option>
        <option>mysz</option>
        <option>klawiatura</option>
        <option>drukarka</option>
        <option>skaner</option>
        <option>krzesło do biurka</option>
        <option>biurko</option>
        <option>głośniki</option>
        (...)
    </select>
    <script type="text/javascript">
function ustawionana() 
{ 

      document.write("Podana liczba to "+document.getElementById("god").value+":" + 
          document.getElementById("min").value+":"+
          document.getElementById("sec").value);

}

</script>

        <form action="...">
    <select name="pole1">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
        <option>8</option>
        <option>9</option>
        (...)

    </select>
</form>
teraz napisz dane do wysyłki
<form action="...">
    <textarea name="nazwa" cols="x" rows="y"></textarea>
</form>
Chcesz otrzymać fakturę?
<br>
<input type="radio" name="nazwa" value="wartość" checked>nie
<input type="radio" name="nazwa" value="wartość" checked>tak
</br>
<form action="...">
    <input type="image" src=C:\Users\Mateusz\Desktop\zadanie\guzik.png alt="zamawiam">
</form>

    </div>
 <div id="prawy">
   prawa kolumna

    </div>

    <div id="stopka">stopka strony</div>
  </div>

</body>
</html>
0
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>strona</title>

    <style>
      #caly_blok {
        font-size:44px;
      }

      #naglowek {
        background-color:gold;
        text-align:center;
      }

      #lewy {
        float:left;
        background-color:#DDD;
        min-height:750px;
        width:50%;
      }

      #prawy {
        float:left;
        background-color:#EEE;
        min-height:750px;
        width:50%;
      }

      #stopka {
        clear:both;
        background-color:gold;
        text-align:center;
      }

      p {
        margin:0;
        padding:115px;
      }
    </style>

    <script>
    function beforeSubmit() {
        var faktura = document.form.faktura.value;
        var product = document.getElementById('product').value;
        var quantity = document.getElementById('quantity').value;
        var address = document.getElementById('adres').value;
        document.getElementById('prawy').innerHTML = "Produkt:<br>"+product+" x"+quantity+"<br>Adres dostawy:<br>"+address.replace("\n","<br>\n")+"<br>Faktura: "+faktura;
        return false;
    }
    </script>
  </head>

<body>

  <div id="caly_blok">
    <div id="naglowek">nagłówek strony</div>

    <div id="lewy">
    wybierz produkt i jego ilość
  <form action="#" name='form' onsubmit="return beforeSubmit();">
    <select id="product">
        <option>monitor</option>
        <option>komputer</option>
        <option>mysz</option>
        <option>klawiatura</option>
        <option>drukarka</option>
        <option>skaner</option>
        <option>krzesło do biurka</option>
        <option>biurko</option>
        <option>głośniki</option>
    </select>
    <select id="quantity">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
        <option>8</option>
        <option>9</option>
        (...)

    </select>
    <br>
teraz napisz dane do wysyłki
    <textarea id="adres" cols="x" rows="y"></textarea>
<br>
Chcesz otrzymać fakturę?
<br>
<input type="radio" name="faktura" value="nie" checked>nie
<input type="radio" name="faktura" value="tak">tak
</br>

    <input type="image" src=C:\Users\Mateusz\Desktop\zadanie\guzik.png alt="zamawiam">
</form>

    </div>
 <div id="prawy">
   prawa kolumna

    </div>

    <div id="stopka">stopka strony</div>
  </div>

</body>
</html>

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0