Cześć,
chce wyświetlić dane w modalu z bootstrapa w celu potwierdzenia.

To ma być coś takiego:
wypełniam 2 inputy produkt i cena klikam dodaj produkt
i otwiera sie modal w którym jest "Czy na pewno chcesz dodać:
Produkt: papier
Cena: 20zł

klkam ok albo anuluj. po ok dodaje dane do bazy.
Jak wyświetlić te dane z inputów w modalu bez przeładowania strony?
Jak w ogóle je wyświetlić?
To pewnie banalne ale podpowiedzcie mi proszę mistrzowie js'a

Wykorzystaj AJAX.

Stwórz skrypt JS który po kliknięciu w DODAJ, wyśle zapytanie do zewnętrznego pliku PHP, który zwróci Ci (najlepiej w JSON) trzy wartości,
ID produktu, nazwę produktu i cenę produktu.
Potem z górki... umieszczasz przy pomocy JS odpowiednie wartości w kodzie modala.

Nie ma możliwości wyświetlenia tego co jest aktualnie w inpucie?
Np wpisuje coś w jednym inpucie widać to od razu w drugim.
Kiedyś wydaje mi się że coś takiego robiłem ale mam jakieś zaćmienie

dobra, udało mi się zrobić coś takiego:

[HTML] pobierz, plaintext 
<script type="text/javascript">
onload = function(abc,def)
{
  document.getElementById(abc).onkeyup = function()
  {
    document.getElementById(def).innerHTML =  this.value;
  }
}
</script>
 
<input id="input"/>
<span id="span"></span>
<script>onload('input','span');</script>
[HTML] pobierz, plaintext 

tylko chciałbym żeby też value które ustawie w inpucie też wyświetlalo się od razu w spanie. Teraz nawet jeśli ustawię to i tak nie jest wyświetlane dopóki czegoś nie dopiszę.

Ustaw tak samo dla span. Mówisz o bootstrapie więc i tak osadzasz jquery - będzie łatwiej jak skorzystasz z dobrodziejstw.

Nie rozumiem,
chodzi o to że jak np dam takiego inputa:
<input id="input" value="tekst"/>

to po załadowaniu nie widać w spamie słówka "tekst"
dopiero jak coś dopiszę np. literę "d"
to pokazuje się "tekstd"

Jak zrobić żeby to co w value było widoczne + ewentualnie to co zostanie dopisane
Może zrobić dwie funkcje i jeśli jest coś w value to wyświetlać to a jeśli nie ma to brać z tego co będzie napisane na bieżąco?

Zwykłe https://jsfiddle.net/2k40dwsb/ na document ready.

W tym linku od Ciebie viking nic nie ma ale wyguglowałem podłożyłem ready i właśnie tego mi było trzeba! Dzięki.

Natomiast pojawił się drugi problem.
Wcześniej pobierałem dane z inputów.
Jak pobrać dane z selecta i też wyświetlić?

jest jakaś funkcja w js która wyświetla po prostu zmienną jak np. echo w phpie?

O, nie zapisało jsa https://jsfiddle.net/2k40dwsb/1/
dla selecta dokładniie tak samo.

no tego jsa jakoś sam rozkminiłem.
Ale z tym selectem coś robię źle.

[HTML] pobierz, plaintext 
<select name="#select" id="select">
<option value="Partner">Partner</option>
<option value="Klient">Klient</option>
</select>
<span id="#t1"></span>
 
<script>
$('#t1').html($('#select').val());
</script>
[HTML] pobierz, plaintext 

Zmieniając selecta nie zmienia się span.

A dodałeś zdarzenie?
https://jsfiddle.net/2k40dwsb/2/

dzięki mordo kocham Cie