Forum PHP.pl > [JavaScript]Dynamiczny select z DB

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Dynamiczny select z DB

wach12

16.12.2016, 13:59:19

Witam,
mam problem z dynamicznym formularzem.
Otóż potrzebuję aby name w option selectu był wczytywany z Bazy danych. Rozwiązanie które ja zastosowałem wyświetla mi wszystko w jednej lini jako jeden option.
a potrzebuje efektu:
<select>
<option> rekord 1</option>
<option> rekord 2</option>
<option> rekord 3</option>
<option> rekord x</option>

[HTML] pobierz, plaintext 
<script type="text/javascript">
<!--
	x = 0;
	z = 0;
 
function dodaj(pole){
	var a = x++;
	var znacznik = document.createElement('select');
	znacznik.setAttribute('name', 'skladnik[]');
	znacznik.setAttribute('id', 'pcategory');
var opt = document.createElement('option');
    opt.value = 'skladnik[]';
    opt.innerHTML = ' <?php while($row = mysqli_fetch_array($result)) {echo $row['nazwa_produktu'];} ?>';
    opt.selected = true;
    znacznik.appendChild(opt);
	var b = z++;
	var waga = document.createElement('input');
	waga.setAttribute('type', 'text');
	waga.setAttribute('name', 'waga[]');
	var mybr = document.createElement('br')
	var pole = document.getElementById(pole);
	pole.appendChild(znacznik);
	pole.appendChild(waga);
	pole.appendChild(mybr);
 
}
 
</script>
 
 
[HTML] pobierz, plaintext

Proszę o pomoc

viking

16.12.2016, 14:24:01

Po stronie PHP gdzieś na górze wygeneruj sobie tablicę albo json do zmiennej z danych mysqli. A później od linii 11 iterując po tablicy twórz nowe option.

wach12

16.12.2016, 14:27:41

Pomógłbyś mi to napisać ?

viking

16.12.2016, 14:33:32

var dane = <?php json_encode(mysqli_fetch_all($result)); ?>

Na danych https://developer.mozilla.org/en-US/docs/We...s/Array/forEach czy jakakowliek pętla i wrzucasz kod od linii 11.

wach12

16.12.2016, 14:37:07

Nie rozumiem kompletnie javy

ani JSON

Napisałbyś mi instrukcje dla debili

nospor

16.12.2016, 14:41:32

Nie java, a javascript.

I nie, ty nie chcesz instrukcji dla debili, ty czekasz poprostu na gotowca.

@viking tak sie zastanawiam jak dlugo jeszcze wytrzymasz

I nie mowie tu juz tylko o tym jednym watku

viking

16.12.2016, 14:45:31

Dzisiaj piąteczek, daję radę

Cytat

$a = json_encode(['a', 'b', 'c', 'd']);

echo 'var dane = '. $a;
echo ";var znacznik = document.createElement('select');";
echo 'dane.forEach(function(element) {
var opt = document.createElement(\'option\');
opt.value = \'skladnik[]\';
opt.innerHTML =element;
znacznik.appendChild(opt);
});';

Popraw sobie składnię. A na przyszłość skoro kompletnie nie znasz języka to mamy taki dział Forum: Gielda ofert

Niree

16.12.2016, 16:27:19

Tutaj masz gotowy skrypt: http://www.w3schools.com/php/php_ajax_database.asp

wach12

2.02.2017, 09:53:24

Co robie takiego zle że nie działa poprawnie ?

[XML] pobierz, plaintext 
<script type="text/javascript">
 
<!--
 
   $a = json_encode(['a', 'b', 'c', 'd']);
 
function dodaj(pole){
 
   var dane = $a;
   var znacznik = document.createElement('select');
dane.forEach(function(element) {
	var opt = document.createElement('option');
    opt.value = 'skladnik[]';
	opt.innerHTML =element;
    znacznik.appendChild(opt);
	});
 
   var waga = document.createElement('input');
   waga.setAttribute('type', 'text');
   waga.setAttribute('name', 'waga[]');
   var mybr = document.createElement('br')
   var pole = document.getElementById(pole);
   pole.appendChild(znacznik);
   pole.appendChild(waga);
   pole.appendChild(mybr);
 
}
 
</script>
 
[XML] pobierz, plaintext

viking

2.02.2017, 10:02:36

Znasz w ogóle różnicę między PHP a JavaScript? Wkładanie kodu PHP do JS na pewno nie sprawi że zadziała.

wach12

2.02.2017, 10:09:38

Racja przecierz dodałem
$a = json_encode(['a', 'b', 'c', 'd']);

Po usunieciu kod nadal nie pracuje

viking

2.02.2017, 10:12:07

A jak ma pracować skoro nie ma danych? Poza tym według tego co tu wklejasz całość kodu JS jest zakomentowana.

wach12

2.02.2017, 10:20:48

Pobiera dane w PHP

[PHP] pobierz, plaintext 
<?php
    $pdo=new PDO("mysql:dbname=xx;host=localhost","xx","xx");
    $stmt = $pdo->query("SELECT nazwa_produktu FROM produkty");
    $results = $stmt->fetchAll(PDO::FETCH_ASSOC);
    echo json_encode($results);
	$a = json_encode($results);
?>		
 
[PHP] pobierz, plaintext

Skrypt jest odkomentowany tylku tutaj niechcacy z tym wstawilem

viking

2.02.2017, 10:23:23

I teraz według ciebie var dane = $a; magicznie przeniesie json z PHPa?

wach12

2.02.2017, 10:32:43

Dodając w ten sposób:

[PHP] pobierz, plaintext 
var dane = <?php echo json_encode($a) ?>;
[PHP] pobierz, plaintext

Nie działa skrypt

viking

2.02.2017, 10:34:49

W takim razie uruchom konsolę w przeglądarce i zobacz błędy jakie się w niej pojawiają. Chyba że przez "nie działa skrypt" masz na myśli PHP.

wach12

2.02.2017, 10:38:15

Okej działą już wszystko poprawnie, prawie poprawnie w polu option wyswietla mi nazwe [object Object] ale wyswietla tyle razy ile jest rekordów w sql

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.