Inner HTML Sorunsalı

Merhaba arkadaşlar aşağıdaki uygulamamda <select></select> tagları arasına optionsları çekemiyorum.

Hep. <select> tagından sonra geliyor.

Pieyci.innerHTML += '<select name="aaaaaaaaa">';

<?php
$a=$ZOAdmin->ProductSpecialKR();
foreach ($a as $b) {
?>
	Pieyci.innerHTML += '<option value="asasa"><?=$b->name?></option>';

<? } ?>

		Pieyci.innerHTML += '</select>';


   			   document.getElementById(divName).appendChild(Pieyci);

var select,data;
select = document.createElement("select");
select.name = 'aaaaaaaaa';

data = ['1','2','3'];

for (var i = 0; i < data.length; i++) {
    var option = document.createElement("option");
    option.value = data[i];
    option.text = data[i];
    select.appendChild(option);
}

document.getElementById('abc').appendChild(select);

ornek: http://jsfiddle.net/salihsagdilek/mwuxdbv4/


ayrica burasi jquery katagorisi. yapmis oldugun ornek ve sana gondermis oldugum oldugum kodlar pure javascript

Kodlarınız direkt html giydirmesi yaptığınız için syntax müdahalesine takılıyor. Bu şekilde deneyebilirsiniz.

var temp_pieyci = '<select name="aaaaaaaaa">';

<?php
$a=$ZOAdmin->ProductSpecialKR();
foreach ($a as $b) { ?>
	temp_pieyci += '<option value="asasa"><?=$b->name?></option>';
<? } ?>

temp_pieyci += '</select>';

Pieyci.innerHTML = temp_pieyci;

document.getElementById(divName).appendChild(Pieyci);